css @font-face 根本不起作用

标签 css font-face

我需要通过@font-face 将字体嵌入网站。我遵循了一些教程,结果它对我不起作用。

CSS:

@font-face{
    font-family:'GESSTwoLightRegular';
    src:url('../fonts/ge_ss_two_light-webfont.eot'); 
    src: url('../fonts/ge_ss_two_light-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/ge_ss_two_light-webfont.woff') format('woff'), 
         url('../fonts/ge_ss_two_light-webfont.ttf') format('truetype'), 
         url('../fonts/ge_ss_two_light-webfont.svg#gess') format('svg'), 
         url(ge_ss_two_light-webfont.otf) format('opentype');
    font-weight:normal;
    font-style:normal;
}

最佳答案

试试这个 http://fontface.codeandmore.com/

加载你想在字体中使用的字体,然后这个程序将生成 css 和所有字体类型。

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

相关文章:

css - 如何在 cssless 中使用 font-face?

jQuery 动画从页面边缘滚动

html - 滚动问题滚动不起作用

html - 如何使我的按钮(相对于视频)的相对位置相同?

css - 将@font-face 套件应用到 joomla

css - 如何设置 Bootstrap @font-family-base?

php - 强制通过 header 缓存动态生成的 JS/CSS 文件不适用于所有浏览器

javascript - 用 blob 替换 div 背景图像 - jQuery/CSS

html - css - @font-face 实现的字体未加载

html - 字体不能在线工作