Ich bin nicht in der Lage .ttf oder .otf Schriftart-Dateien in meine HTML-Seite

hier ist meine HTML-Datei mit h1, p und span-Tags zu übernehmen: -Ich bin nicht in der Lage .ttf oder .otf Schriftart-Dateien in meine HTML-Seite

<!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>

hier ist meine CSS-Datei, die .ttf-Datei enthält, um Stil die Schriftart eines Elements oder Inhalte in einem Tag: -

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

hier ist meine Verzeichnisstruktur: -

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

ich bin nicht in der Lage zu bekommen der font-effekt auf meine texte, was könnte der grund sein?

Quelle

2017-11-22 Archita Sundaray

Ich glaube, Sie haben vergessen, externe CSS-Datei in HTML-Seite beziehen. Nach dem Hinzufügen <link rel="stylesheet" type="text/css" href="style.css"> Tag innerhalb Ich war oben sehen, dass es angewendet wird.

<!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>

Quelle

2017-11-22 04:16:58

oh ja, das hat geklappt - es war so albern von mir, solch einen grundlegenden Aspekt übersehen zu haben. Danke übrigens. –

Froh, dass es für Sie funktioniert hat! Prost! –

:) Es gibt einen weiteren Aspekt, den ich jetzt erkunde - Karussell: Hast du daran gearbeitet? –

Ich bin nicht in der Lage .ttf oder .otf Schriftart-Dateien in meine HTML-Seite

Antwort

Verwandte Themen