-1

我第一次尝试使用@font-face，但它不起作用任何人都可以帮我解决这个问题为什么这个脚本不起作用

<style>
    @font-face{ 
        font-family: myfont;
        src: url('entypo.eot');
        src: url('entypo.eot?iefix') format('eot'),
             url('entypo.woff') format('woff'),
             url('entypo.ttf') format('truetype'),
             url('entypo.svg#helvetica') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    div {
        font-family: myfont;
    }
</style>

 </head>
 <body>
     <div>
          sdfdfdsfsdf
     </div>
4

4 回答 4

0

我认为你的字体不是英文字体，对吧？反正。我经常遇到这个问题，因为我使用波斯字体，有时它们不起作用！我所做的是使用不同的软件（如在线字体转换器）将它们重新转换为不同的字体格式。有时我的字体可以在 IE、Firefox 中使用，但不能在 chrome 中使用！然后我重新转换它们，一切都恢复正常！因此重新转换它们可能会解决您的问题。PS：一些很酷的网站可以做这样的事情：
font face generator
font 2 web

于 2013-02-20T07:02:18.867 回答
0

添加'到myfont，然后改成helvetica这样myfont：

@font-face{ 
    font-family: 'myfont';
    src: url('entypo.eot');
    src: url('entypo.eot?iefix') format('eot'),
         url('entypo.woff') format('woff'),
         url('entypo.ttf') format('truetype'),
         url('entypo.svg#myfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

div {
    font-family: 'myfont';
}
于 2013-02-20T07:09:03.840 回答
0

尝试这个

@font-face
{
    font-family: 'SegoeUI';
    src: url('Fonts/segoeui.eot');
    src: url('Fonts/segoeui.eot?#iefix') format('embedded-opentype'), url('fonts/segoeui.ttf') format('truetype');
}

@font-face
{
    font-family: 'SegoeLight';
    src: url('Fonts/segoeuil.eot');
    src: url('Fonts/segoeuil.eot?#iefix') format('embedded-opentype'), url('fonts/segoeuil.ttf') format('truetype');
}
于 2013-02-20T06:49:13.973 回答
0

您的字体应放置在与 CSS 相关的位置，如果它位于单独的文件夹中，请使用相关路径

例如

// Directory Structure
images
css
fonts
-index.html

如果您的字体在一个文件夹中，而 CSS 在其他文件夹中，请使用以下 css

@font-face{ 
    font-family: 'myfont';
    src: url('../fonts/entypo.eot');
    src: url('../fonts/entypo.eot?iefix') format('eot'),
         url('../fonts/entypo.woff') format('woff'),
         url('../fonts/entypo.ttf') format('truetype'),
         url('../fonts/entypo.svg#myfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
于 2013-02-20T07:25:32.923 回答