html - 字体在 Firefox 中不工作

标签 html css

我很难理解为什么我的字体在 firefox 中不起作用,它在 chrome 中工作得很好,这是我拥有的 css:

@font-face {
    font-family: 'ArvoRegular';
    src: url('http://cf.shopious.com/fonts/arvo-fontfacekit/arvo-regular-webfont.eot');
    src: url('http://cf.shopious.com/fonts/arvo-fontfacekit/arvo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cf.shopious.com/fonts/arvo-fontfacekit/arvo-regular-webfont.woff') format('woff'),
         url('http://cf.shopious.com/fonts/arvo-fontfacekit/arvo-regular-webfont.ttf') format('truetype'),
         url('http://cf.shopious.com/fonts/arvo-fontfacekit/arvo-regular-webfont.svg#arvoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.arvo-regular {
font-family: 'ArvoRegular', Arial, sans-serif;
}

这是 site .根据我的理解,这是正确的做法

最佳答案

我看不出您的 CSS 有任何问题。我敢打赌这是一个跨域问题(我过去遇到过)。看看这篇文章:http://davidwalsh.name/cdn-fonts .

关于html - 字体在 Firefox 中不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20875401/

相关文章:

css - 设置 margin-bottom 为 em 值可以吗?

javascript - 我正在使用 javascript 在另一个 html 页面中加载一些 html 页面。它在 Mozilla Firefox 中工作正常但在 Google Chrome 和 IE10 中不工作

CSS::selection,背景仍然是蓝色

html - 如何使用 CSS 隐藏除具有特定类的孙元素之外的所有元素?

javascript - 在折叠菜单中使用双箭头

jquery - 关于 jQuery 选择器的问题

javascript - 使用SheetJS将动态创建的表格内容保存在excel文件中

javascript - 在 td 标记中放置一个 0(零)而不是多个 0

flash - 类似 Prezi 的网络界面。 Flash 还是 HTML5?

javascript - 缩放浏览器时 div 位置发生变化