Chromeでフォントが無視される

Question

Google Chromeでフォントの問題が発生しましたが、これはWindowsの問題が原因だと思います。 Google Chromeを起動すると、自分のハードディスクにあるサイトが開きます。それは自分が作ったHTMLサイトで、お気に入りのウェブサイトをすべて含んでいます。 CSSコードでは、表示するメインフォントとしてDinaフォントを選択しました。 Chromeは何とかDinaフォントをStanard Times New Romanフォントで上書きしてしまったとき、すべて先週までうまくいきました。

私はすべてを調べましたが、どこから来たのか分かりません。 htmlファイルは変更されておらず、奇妙なことは、FirefoxとEdgeもDinaフォントを無視するということです。

フォントはNotepad ++で動作しているためインストールされています。だから、何も間違っているように見える。

また、DinaのフォントをArialに変更してCSSを見て、ChromeがArialフォントを表示するので、cssスクリプトに何も問題がないように見えます。フォントに

リンク：https://www.donationcoder.com/Software/Jibz/Dina/

私は誰かがGoogle Chromeで再度表示ダイナフォントを得るために私を助けることができると思います。

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;}  

ありがとう！

Answer 1

あなたのCSSの開始時にどこかに、以下を追加してみてください：

https://www.donationcoder.com/Software/Jibz/Dina/...が延長 .ttfまたは .otfとフォントを使用してファイルへのリンク、または類似しており、 format("truetype")または format("opentype")が続いている

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

それぞれ、

したがって、フォントが正しくリンクされていることを確認してください。

TimesNewRomanはデフォルトのフォントファミリなので、使用しようとしているものが見つからない場合に使用されます。