使用这个@font-face CSS。适用于 Chrome、Safari 和 IE,但不适用于 Firefox。所有需要的文件都上传到服务器。
CSS:
@font-face { font-family: 'Calgary'; src: url('../fonts/calgary.eot'); src: url('../fonts/calgary.eot?#iefix') format('embedded-opentype'), url('../fonts/calgary.woff') format('woff'), url('../fonts/calgary.ttf') format('truetype'); font-weight: normal; font-style: normal; } #header-text-webform { position: relative; top: 59px; left: 20px; font-family: 'Calgary', 'Helvetica', 'Arial', sans-serif !important; color: white; font-size: 26px; font-weight: normal; text-transform: uppercase; z-index: 1; }
最佳答案
您有一个重复的 src 声明。删除这一行:
src: url('../fonts/calgary.eot');
看看是否有帮助。如果 Firefox 只读取这个,首先是 src
定义,它将尝试加载它不支持的 EOT 字体...
关于firefox - @font-face 仅在 firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10639269/