Question

我一直在尝试将我刚购买的网络字体集成到我的网站（Metric，来自Klim Type Foundry），我无法使用@ font-face css。该网站是一个wordpress网站，我正在使用优雅主题的Divi主题。

我在这里做了一个测试页：http://www.ansoncheung.net/font-test-page/

句子“懒散的狗身上的快速布朗狐狸笑话”被设为'公制大胆'

Metric Bold在样式表中定义（字体仅带有EOT和WOFF格式）：

@font-face {
font-family: 'Metric Bold';
src:url('fonts/MetricWeb-Bold.eot');
src:url('fonts/MetricWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/MetricWeb-Bold.woff') format('woff'),
font-weight: normal;
font-style: normal;}

但是，在检查页面时，我没有看到资源中加载的字体，@ font-face似乎没有效果。

经过大量的谷歌搜索，我无法弄清楚我的生活会出现什么问题。有人可以帮忙吗？

谢谢！

Answer 1

它正常工作，只需删除font-family规则并检查效果以进行验证。我的意思是在两种情况下使用font-family检查你的

：＆＃39; Metric Bold＆＃39 ;;并且没有font-family：＆＃39; Metric Bold＆＃39 ;;

Webfont不能在任何浏览器上使用@ Font-face（Wordpress网站，Divi主题）

1 个答案: