Wie Inline-Webfont in CSS verwenden?

Question

Ich verwende WebFont in meiner Website, manchmal Schriftart, die ich nicht auf Text gewünscht wird, angewendet wird, zu überwinden, um die i Schrift laden möchten, während CSSOM es selbst bauen, so habe ich versucht, dieses

body style="font-family: 'customfont'; src: url('XXXX/custom-font.woff2')" 

Ich habe versucht, dies auch Körper style = "font-family:. 'customfont';

Aber zwecklos

Answer 1

Sie sollten es font-face innerhalb Stil-Tag könnte funktionieren und es ist ziemlich schnell und sauber (Put it in Kopf)

<style> 
@font-face{ 
font-family:custom1; 
src:url(XXX/fonts/XYZ.ttf); 
} 
</style> 

verwenden Sie dann wie `style =" font-family: 'custom1';

Ich hoffe, es würde

Answer 2

@font-face { 
     font-family: myFont; 
     src: url('XXXX/custom-font.woff2'); 
    } 

    div { 
     font-family: myFont; 
    } 

Versuchen @ font-face-Regel

Answer 3

Für Inline-Einsatz in HTML hilfreich sein:

<style> 
    @font-face{ 
     font-family: fontname; 
     src: url(fontdirectory); 
    } 
</style> 

Andernfalls fügen Sie dies in Ihrem CSS:

@font-face { 
    font-family: fontname; 
    src: url(fontdirectory); 
} 

Dann gelten die Schriftart zu den Elementen, die Sie möchten.