簡體   English   中英

我可以使用CSS“ unicode-range”在整個(第三方)頁面上指定字體嗎?

[英]Can I use CSS “unicode-range” to specify a font across an entire (third party) page?

我從不流利使用CSS,但我認為以前沒有這種情況。

我正在考慮使用時尚的方式將CSS添加到我無法直接控制的第三方站點。 因此,HTML和CSS並不是針對我想做的自定義設置的。

我希望調整的站點不允許很好地控制字體,但是它的某些頁面(用戶創建)大量使用了一些奇怪的Unicode范圍(例如高棉語),而我的OS /瀏覽器組合選擇了一種糟糕的字體:

two muppets

我可以制定一個CSS規則,將其應用於頁面中屬於Unicode范圍內的所有文本,以將其設置為已知的良好字體,而無需研究頁面HTML / DOM的結構嗎?

(或者unicode-range僅用於對webfonts做一些不同的事情?

在大多數瀏覽器中答案是肯定的

MDN-Unicode范圍

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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM