如何在网站中使用不常用的字体？ [关闭]

Question

我看到一些页面使用“奇怪”的字体。

其中一个叫做MuseoSlab500Regular。我该怎么做才能在我的风格中使用它？

我是否需要从某个地方加载字体以在所有客户端中毫无问题地呈现？

我一直在查看这个网站的代码来弄明白，但我找不到他们加载 MuseoSlab500Regular 字体的 frmo：

http://theme-fusion.com/avada/

问候

Answer 1

是的，要使用“怪异”字体，您需要将它们添加到服务器并从那里使用它们，因为并非每个用户都在其计算机上安装了所有字体。一种好方法是字体：http://www.font-face.com/

Answer 2

他们正在使用@font-face 来加载该字体。

看看这个css文件：

http://theme-fusion.com/avada/wp-content/themes/Avada/css/all.css

在顶部，您会看到正在使用的 css 代码：

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