は、私は私のhtmlページへの.ttfまたは.OTFフォントファイルを組み込むことができないんだ

は、ここではH1、pおよびスパンタグと私のHTMLファイルです： -は、私は私のhtmlページへの.ttfまたは.OTFフォントファイルを組み込むことができないんだ

<!DOCTYPE html> 
<html> 
<head> 
    <title>Custom Fonts</title> 
</head> 
<body> 
<h1>This is Archi - <span>Welcome!</span></h1> 
<p class="myFontStyling">dfrzgtiujhgfdsfghyjgku</p> 
</body> 
</html>

はここに私のCSSファイルですへの.ttfファイルが組み込まれてスタイルは、タグ内の要素または内容のフォント： -

@font-face { 
    font-family: 'myFirstFont'; 
    src: 
     url('fonts/CoHeadlineCorpFont/Co-Headline-Corp-Light.ttf'); 
     format('truetype'); 
    font-style: normal; 
    font-weight: 100; 
} 

.myFontStyling { 
    font-family: 'myFirstFont'; 
} 

h1 { 
    font-family: 'myFirstFont', sans-serif; 
    font-weight: 100; 
}

ここに私のディレクトリ構造があります： -

fontsByArchi 
-fonts 
    -CoHeadlineCorpFont 
    -Co-Headline-Corp-Light.ttf 
-index.html 
-style.css

私が取得することができません私のテキストのフォント効果、理由は何でしょうか？

出典

2017-11-22 Archita Sundaray

私はあなたがHTMLページで外部のCSSファイルを参照するのを忘れたと思います。 <link rel="stylesheet" type="text/css" href="style.css">タグを<head>の内側に追加した後、私はそれが適用されるのを見ました。

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" type="text/css" href="style.css"> 
    <title>Custom Fonts</title> 
</head> 
<body> 
<h1>This is Archi - <span>Welcome!</span></h1> 
<p class="myFontStyling">dfrzgtiujhgfdsfghyjgku</p> 
</body> 
</html>

出典

2017-11-22 04:16:58

ああ、それはうまくいった - それは私のそんなに基本的な側面を見落としていた愚かだった。途中でありがとう。 –

それはあなたのために働いてうれしい！乾杯！ –

:)私は今探検しているもう一つの側面があります - カルーセル：これに取り組んできましたか？ –

は、私は私のhtmlページへの.ttfまたは.OTFフォントファイルを組み込むことができないんだ

答えて

関連する問題