如何在css中使用内联webfont？

Question

我使用web字体在我的网站，有时我需要的是不应用于文字的字体，为了克服，我想同时建立CSSOM它的自我加载字库，所以我想这个

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

我试着这也 车身风格=“FONT-FAMILY：‘CustomFont的’;

但是没有用的

Answer 1

您应该使用字体面风格标签内它可能工作，它是相当快速，干净（把它放在头）

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

然后使用像`style =“font-family：'custom1';

我希望这将是有益的

Answer 2

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

    div { 
     font-family: myFont; 
    } 

尝试的@ font-face规则

Answer 3

用于在线使用HTML：

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

否则，把这个在你的CSS：

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

然后应用字体到你想要的元素。