Question

我面临阿拉伯字体的问题，它的工作正常Mozilla和铬螺母在IE 11中无法正常工作，我的代码在下面，任何人都可以帮助我。

<!DOCTYPE html>
    <html>
    <head>
        <style type="text/css">
        @font-face {
           font-family: 'ArabicTwo_Bold';
           src: url('DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),

                url('ArabicSans_Bold.ttf')  format('truetype'),
                url('DroidKufi-Regular.woff') format('woff'),
                 url('DroidKufi-Regular.svg#ArabicTwo_Bold') format('svg');
        }

        div , input {
         font-family: ArabicTwo_Bold;
        }


        </style>
    </head>
    <body>
        <input type='text' value='account 1 2 3' />
        <div> account  1 2 3 </div>
    </body>
    </html>

Answer 1

的CSS

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

}

HTML

<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
    <style type="text/css">
                    body{
                font-family: 'arabicsansbold';
                        }
        </style>
</head>

<body>
<div id="container">
    <div id="header">ArabicSans Bold     123456</div>


</div>
</body>
</html>

阿拉伯字体在IE 11中不起作用？

1 个答案: