Question

我想知道我怎样才能让@ font-face与所有浏览器一起工作。我在搜索之前搜索了很多东西并找到了很多方法，但没有什么能和我一起工作。 Css代码

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

.navbar {
    height: 40px;
    font-family: cblockbold;
    background-color: black;
    border-bottom: 10px solid #00CCFF
}

这是我的HTML代码

<div class="navbar">
            <ul>
                <li class="item"><a href="#"><strong>الرئيسية</strong></a></li>
                <li class="item"><a href="#"><strong>تسوق الان</strong></a></li>
                <li class="item"><a href="#"><strong>خدماتنا</strong></a></li>
                <li class="item"><a href="#"><strong>من نحن</strong></a></li>
                <li class="item"><a href="#"><strong>تواصل معنا</strong></a></li>
            </ul>
        </div>

抱歉我的英文不好

Answer 1

我使用此服务并且从未让我失望：http://www.fontsquirrel.com/tools/webfont-generator

Answer 2

您可以使用这些来源创建符合Web标准的字体

http://www.google.com/fonts/
http://www.cufonfonts.com/
http://www.fontsquirrel.com/tools/webfont-generator（感谢Gabriel）

对所有浏览器使用@ font-face的最佳方法是什么？

2 个答案: