css - 如何在网站中使用不常用的字体？

Question

我见过一些使用“奇怪”字体的页面。

其中之一，称为MuseoSlab500Regular。我该怎么做才能在我的风格中使用它？

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

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

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

问候

Answer 1

是的，要使用“怪异”字体，您需要将它们添加到服务器并从那里使用它们，因为并非每次使用都将所有字体都安装在他们的计算机上。一种好方法是 fontface：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;
}