0

この@font-faceフォントの置換をクロスブラウザで機能させるのに問題があります。助けてください。これは、9を除くすべてで機能するか、7と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;

そうでない場合は、このためにWebサイトを使用する必要があります。これにより、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 に答える