0

我无法让这个@font-face 字体替换工作跨浏览器，请你帮忙。它可以在除 ie 9 之外的所有地方工作，也可以在除 ie 7 和 ie 8 之外的所有地方工作。

我的字体是 .eot .otf .svg 。ttf .woff?

谢谢

    /* works in all but ie 9 */
    @font-face {
        font-family: 'Deutsch';
        src: url('/fonts/Deutsch.eot');
        src: local('/fonts/Deutsch'), 
             url('/fonts/Deutsch.ttf') format('truetype'),
             url('/fonts/Deutsch.svg#font') format('svg'); 
    }
     /*from [http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/][1] */


    /* works in all but ie 7 and ie 8 */
    @font-face {
        font-family: 'Deutsch';
        src: url('/fonts/Deutsch.ttf'),
             url('/fonts/Deutsch.eot'); /* IE9+ */
    }
    /*from [http://w3schools.com/css3/css3_fonts.asp][2]*/

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <style type="text/css">



       /* code place holder location for css */



        #test
        {
            font-family:'Deutsch';
            font-weight:bold;
            text-decoration:underline;
            font-style:italic;
            font-size:30px;
        }

    </style>




</head>
<body>

    <div id="test">text goes here</div>

</body>
</html>
4

2 回答 2

2

首先重写你的字体系列，如下所示，

font-family: 'Deutsch', sans-serif;

如果不是这样，您必须为此使用网站，它会将您的 ttf 格式转换为其他不同的字体格式...

检查这个，http://www.fontsquirrel.com/fontface/generator

于 2013-03-22T08:23:05.830 回答
0

我只是想分享这个，因为这似乎有效。

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

松鼠把这个

@font-face {
    font-family: 'deutsch_gothicnormal';
    src: url('deutsch_-_copy.eot');
    src: url('deutsch_-_copy.eot?#iefix') format('embedded-opentype'),
         url('deutsch_-_copy.woff') format('woff'),
         url('deutsch_-_copy.ttf') format('truetype'),
         url('deutsch_-_copy.svg#deutsch_gothicnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}
于 2013-03-22T08:21:27.887 回答