So verwenden Sie das CSS-Attribut @font-face

css @font-face-Eigenschaft

Gibt eine Schriftart mit dem Namen „myFirstFont“ an und gibt eine URL an, unter der sie zu finden ist

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}

css @font-face-Attribut Attributdefinition und Anweisungen zur Verwendung

@font-face-Regeln, eine der „websicheren“ Schriftarten, die Webdesigner nicht mehr verwenden müssen .

Der Name der Schriftart, Schriftartenregeln

Schriftfamilie: myFirstFont

Die Schriftartdatei ist irgendwo auf Ihrem Server enthalten, siehe CSS

src: url('Sansation_Light.ttf')

Wenn sich die Schriftartdatei an einem anderen Speicherort befindet, verwenden Sie bitte die vollständige URL

src: url('http://www. w3cschool .css/css3/Sansation_Light.ttf')

Jetzt können Sie die Schriftart verwenden. Hier ist ein Beispiel für die Verwendung mit allen div-Elementen

div
{
font-family: myFirstFont;
}

Syntax

@font-face
{
font-properties
}

Die folgenden Beispiele sind Schriftarten, die in divs verwendet werden:

div
{
font-family: myFirstFont;
}

Syntax

@font-face
{
font-properties
}

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Attribut @font-face. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!