在Chrome中忽略的字體

我在Google Chrome中遇到了一個字體問題，我認爲這是由Windows中的問題引起的。當我啓動谷歌瀏覽器時，它會打開位於我的硬盤上的網站。這是一個我自己製作的HTML網站，其中包含我最喜歡的所有網站。在css代碼中，我選擇了Dina字體作爲要顯示的主字體。一切工作正常，直到上週左右，當Chrome以某種方式覆蓋迪納字體與標準時代新羅馬字體。在Chrome中忽略的字體

我查了一切，我不知道這是從哪裏來的。 html文件沒有改變，奇怪的是Firefox和Edge也忽略了Dina字體。

安裝該字體是因爲它在Notepad ++中工作。所以沒有什麼好看的。

我也在DSS中將Dina字體更改爲Arial以查看是否有效，Chrome會顯示Arial字體，因此沒有任何東西看起來與CSS腳本錯誤。

鏈接字體：https://www.donationcoder.com/Software/Jibz/Dina/

我希望有人能幫助我獲得谷歌瀏覽器再次顯示迪娜字體。

的CSS代碼：

a:link {color: #d3d3d3 ; text-decoration: none; font-weight: normal;} 
a:visited {color: #d3d3d3; text-decoration: none; font-weight: normal;} 
a:active {color: #d3d3d3; text-decoration: none; font-weight: normal;} 
a:hover {color: #FFFFFF; text-decoration: none; font-weight: normal;} 
.td {vertical-align: top; width: 12%;} 
.table {width: 100%;} 
.divInfo {width: 100%; font-family: Dina; font-size : 14px; line-height: 20px; display:none; padding-left:5px;} 
.text {width: 100%; font-family: Dina; font-size : 14px; line-height: 20px; color : #d3d3d3; text-decoration : none; display : inline-block;} 
.kop {width: 100%; font-family: Dina; font-size : 14px; line-height: 20px; color : #ff8000; text-decoration : none; font-weight: bold;}

提前感謝！

來源

2016-08-12 jeroenws

你可以檢查你的控制檯是否有錯誤。 –

_「當我啓動谷歌瀏覽器時，它會打開一個位於我的硬盤上的網站」 - - 這可能是問題的原因;加載網絡字體時會應用一些其他安全措施，這可能是阻止它們的一種情況。正如羅恩所說，首先檢查控制檯。 – CBroe

但是這是新的東西，因爲這是自上週以來發生...？我今天晚上檢查了控制檯。 – jeroenws

嘗試添加在你的CSS開始某處以下內容：

@font-face { 
    font-family: "Dina"; 
    src: url(https://www.donationcoder.com/Software/Jibz/Dina/...) format("truetype"); 
}

凡https://www.donationcoder.com/Software/Jibz/Dina/...是一個鏈接與字體的文件，擴展名爲.ttf或.otf，或相似，其次是format("truetype")或format("opentype")分別。

所以基本上要確保字體鏈接正確。

TimesNewRoman是默認的字體系列，所以無論何時您嘗試使用它都沒有找到。

來源

2016-08-12 09:51:44 AgataB

在Chrome中忽略的字體

回答

相關問題