![](/img/trans.png)
[英]How do I make the unicode-range in @font-face for only load Latin characters? (css)
[英]Can I use CSS “unicode-range” to specify a font across an entire (third party) page?
我從不流利使用CSS,但我認為以前沒有這種情況。
我正在考慮使用時尚的方式將CSS添加到我無法直接控制的第三方站點。 因此,HTML和CSS並不是針對我想做的自定義設置的。
我希望調整的站點不允許很好地控制字體,但是它的某些頁面(用戶創建)大量使用了一些奇怪的Unicode范圍(例如高棉語),而我的OS /瀏覽器組合選擇了一種糟糕的字體:
我可以制定一個CSS規則,將其應用於頁面中屬於Unicode范圍內的所有文本,以將其設置為已知的良好字體,而無需研究頁面HTML / DOM的結構嗎?
(或者unicode-range
僅用於對webfonts做一些不同的事情?
在大多數瀏覽器中答案是肯定的
Unicode代碼范圍的CSS描述符設置了從@ font-face定義的字體中下載的特定字符范圍,並可以在當前頁面上使用。
例:
@font-face {
font-family: 'Ampersand';
src: local('Times New Roman');
unicode-range: U+26;
}
支持: CanIUse.com
另請參閱這篇文章
unicode-range(s)可用於指定要從字體下載哪個特定的字符集(或范圍),以節省帶寬。 參見此處: Mozilla Unicode范圍信息
在沒有看到實際CSS的情況下,您可以嘗試執行諸如聲明等操作來強制完全使用其他字體
body{font-family: arial,sans-serif;}
或添加!important(在其他正常情況下我會避免的),如果其他字體拒絕讓步,例如
body{font-family: arial,sans-serif !important;}
如果您可以繞過使用原始字體的樣式,則unicode范圍將不再重要。 請注意像圖標字體之類的內容,盡管刪除它們可能會使某些符號/圖形消失。
希望能有所幫助。
抱歉,我想誤解了您的問題-以為您希望完全擺脫現有的unicode字體。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.