我想要一件簡單的事情......我的字體可以在 chrome 上作業。
@font-face{
font-family: "Iosevka";
src: url("http://www.some_url/iosevka-regular.woff2") format(woff2),
url('http://www.some_url/iosevka-regular.otf') format(opentype),
url('http://www.some_url/iosevka-regular.ttf') format(truetype);
url('http://www.some_url/iosevka-regular.eot) format(embedded-opentype);
}
這適用于 safari 和 firefox，但不適用于 chrome。我不確定為什么
我看過幾個帖子說我需要添加更多的字體支持，所以我有 ttf、woff2、eot 和 otf，但這仍然不起作用。
有誰知道發生了什么？
uj5u.com熱心網友回復：
今天最簡單的支持在網路上加載字體。只需要一個字體檔案，并且需要使用。
兩個 CSS 規則和一個 HTML 標簽。
微軟是 TTF 的堅持者，盡管他們是構建 TTF 的一部分。所有系統都有使用 TTF 的許可，并且 caniuse 報告所有支持它的瀏覽器。
請注意，這并不意味著您可以使用任何人許可的字體。這意味著您可以使用 TTF 來顯示字體。
OTF 是開放許可證，因此包括 Microsoft Edge 在內的所有系統都不需要和支持任何許可證。
不確定 Chrome 不支持 Woff 和 SVG 的狀態。
@font-face {
font-family: "Logo";
src: url("/fonts/logo.ttf"); /* or url("/fonts/logo.otf") */
}
.logo {
font-family: Logo;
font-size: 80px;
font-weight: normal;
}
<h1 class="logo">
瀏覽器在需要使用字體之前不會下載字體。但是如果不喜歡正常行為，可以使用 Javascript 下載字體。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/483370.html