Question

/*
@font - face {
    font - family: 'MVFaseyha';
    src: url('http://www.mvyouth.mv/live/wp-content/themes/mvyouth_2013/stylesheets/fonts/MVFaseyha.otf') format('truetype');
    font - weight: normal;
    font - style: normal;
} */

这是我用来嵌入字体的代码。我正在使用Dhivehi语言（马尔代夫）字体，其中包括unicode字符*我猜。我对CSS等知之甚少。

Answer 1

我猜测问题在于src路径。这取决于您的fonts文件夹所在的位置，但如果您的@ font-face语句位于样式表中的css文件中，则它应该类似于src: url(../fonts/MVFaseyha.otf')。

Answer 2

FF（可能还有其他浏览器）阻止从其他域加载字体文件。

有关详细信息，请参阅此答案：CSS @font-face absolute URL from external domain: fonts not loading in firefox

您可以随时下载所需的字体文件并在本地加载它们。只需点击你的font-face调用中的url即可下载。

Answer 3

完整的教程，特别是关于图标字体，但基本方法相同：http://gomakethings.com/icon-fonts/

我无法在我的wordpress网站上使用@ font-face支持

3 个答案: