2017-04-25 3 views
0

dies mein style.css istImport-Schriftart font-face fehlgeschlagen

@font-face { 
    font-family: 'Lato-Regular'; 
    src: url("../../fonts/Lato-Regular.woff") format("woff"), url("../../fonts/Lato-Regular.woff2") format("woff2"); 
} 

html-Datei

<div class="text-center" style="font-family:Lato-Regular;color:#bef4f7;margin-top:-23px;font-size:32px"> 
       Text Example 
      </div> 

es versagt und meine Fehler werfen

enter image description here

, was ich m falsch machen?

+0

Ihr url() Pfad scheint falsch zu sein. – Syden

Antwort

1

Es ist Ihr Filepath. Es führt in einen Ordner namens "Assets". Vielleicht sollte der Dateipfad url sein ("../ fonts/Lato-Regular.woff") (ein ../ weniger) (oder ein weiterer - hier einfach raten, aber überprüfen Sie den Dateipfad)

+0

Ich habe ein anderes Beispiel, dass ein anderer Programmierer in meinem Team tat und es genau die Adresse und ich legte den gleichen Ordner. funktioniert immer noch nicht –

0

Überprüfen Sie und sehen Sie die Schriftdateien in Ihrem www/assets/fonts/present oder nicht.

0

Ihr Pfad ist möglicherweise falsch, der Fehler, den Sie erhalten, ist von diesem Typ. Ziehen Sie in Betracht, den vollständigen Pfadfehler auf dem Bild zusammen mit Ihrer CSS-Datei anzuzeigen. Dies kann zu 100% bestätigt werden.

Kann ich auch vorschlagen, warum nicht Google CDN verwenden, wird es Ihnen größere Cross-Browser-Kompatibilität geben.

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> 
 
<div class="text-center" style="font-family:Lato;color:#bef4f7;margin-top:-23px;font-size:32px"> 
 
    Text Example 
 
</div>

0

Bitte verwenden Sie Schriftarten mit CDN und seine kostenlose Schriftart von google

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> 

oder Wenn Sie lokal verwenden, als Sie alle heruntergeladenen Fonts im richtigen Ordner einfügen wird es trotzig arbeiten.

Verwandte Themen