CSS：使用已安装的字体

我试图在我的网页上使用我从dafont.com安装的名为“Bebas Neue”的字体。我正在运行Ubuntu，并且我在字体查看器中打开了该字体，并成功安装了该字体。现在我已经尝试在CSS中引用像这样的字体：CSS：使用已安装的字体

font-family: 'Bebas Neue', sans-serif;

但是，这仍然显示默认字体。我是否正确引用它，或者我是否需要更多地使用此字体？

来源

2013-03-04 Shannon Rothe

可能重复任何元素：http://stackoverflow.com/q/220236/1563422和http://stackoverflow.com/q/107936/1563422 – 2013-03-04 05:50:28

使用font-face为.. ..？ – 2013-03-04 05:50:40

您是否试图在网络上嵌入此字体供其他人查看或仅在您的计算机上显示？据我所知，唯一的方法是嵌入字体。我在CSS中使用@ font-face方法。 http://fontsquirrel.com提供免费套件和说明...将为您节省很多时间头痛 – gillytech 2013-03-04 05:52:26

尝试

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

其中src的路径字体。

将字体放入您的项目文件夹中。

并用其作为下面，

div 
{ 
    font-family: myFirstFont; 
}

来源

2013-03-04 05:52:33

使用@字体面方法。 http://fontsquirrel.com有很多免费和免费的商业使用资源。您可以将字体上传到他们的生成器，它会给你一个整洁的工具包与跨浏览器的字体文件和说明。

下面是一个例子：

@font-face { 
    font-family: 'OpenSansLight'; 
    src: url('fonts/fonts/OpenSans-Light-webfont.eot'); 
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/OpenSans-Light-webfont.woff') format('woff'), 
     url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), 
     url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

，然后引用这个你要将此应用到

<style type="text/css"> 
div { 
    font-family: OpenSansLight; 
} 
</style> 


<div> 
    This is OpenSansLight! 
</div>

来源

2013-03-04 06:00:35 gillytech

是的！这正是我需要的。 :) – 2013-03-04 06:04:51

CSS：使用已安装的字体

回答

相关问题