css - @font-face 根本不起作用

标签 css font-face

这是我的集成代码:

@font-face {font-family: GETwoMedium;
        src: url(assets/font/ge_ss_two_medium.woff) format('woff'),
             url(assets/font/ge_ss_two_medium.ttf) format('truetype'),
                 font-weight:400;font-style:normal;}

下面是我如何使用它:

#primary li a {font-weight:bold;font-size:14px; font-family: GETwoMedium; color:#F5B349;}

但是字体不工作,我尝试使用本地主机甚至在线网站都没有工作,我还尝试在字体系列名称周围添加撇号 url 没有工作。 你可以在我的网站上查看here

文件结构:

/style.css
/assets/font/ge_ss_two_medium.woff
/assets/font/ge_ss_two_medium.ttf

最佳答案

你的评论搞乱了一些语法

@font-face {
    font-family: 'GETwoMedium';
    src: url(assets/font/ge_ss_two_medium.eot);
    src: url(assets/font/ge_ss_two_medium.woff) format('woff'),
         url(assets/font/ge_ss_two_medium.svg) format('svg'),             
         url(assets/font/ge_ss_two_medium.ttf) format('truetype');
    font-weight:400;
    font-style:normal;
}

关于css - @font-face 根本不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23463867/

相关文章:

css - 如何允许在 Froala HTML 所见即所得编辑器中使用内部 css

webpack - 为什么模块解析失败 :/xxx/MyFont. ttf 意外字符 ''

css - CSS3 中的@font-face 错误

CSS:具有最大宽度的自调整表格,可以裁剪到内容宽度

html - 正确格式化 HTML 文本

Jquery Accordion 删除边框顶部

HTML/CSS - 如何正确定位这些嵌套的无序列表?

css - 为什么 Firefox 忽略来自@font-face 的自定义字体?

css - 根据浏览器更改网络字体类型

html - 使用 Entypo @font-face 在 IE8 或更高版本中不起作用?