Question

加载网站时，我的CSS自定义字体无法加载到页面上。至少，直到你点击＆＃34; home＆＃34;或其他选项卡之一。任何人都知道为什么会这样，以及如何解决它？我用了

@font-face {
font-family: OpenSansLight;
src: url(OpenSans-CondLight.ttf);
}

@font-face {
    font-family: OpenBold;
    src: url(OpenSans-CondBold.ttf);    
}

@font-face {
    font-family: OpenRegular;
    src: url(OpenSans-Regular.ttf); 
}

并且

body, html{
    background-color: #FFF;
    margin:0;
    padding:0;
    height: 100%;
    width:100%; 
    font-family:"OpenSansLight";
}

在我点击网站中的链接之前，字体不会加载。任何人都知道为什么？

编辑：仍然试图解决这个问题......到目前为止没有骰子。

第二次编辑：人们一直告诉我检查字体是否在正确的位置。它是。一切正常。但不是在加载页面时，出于某种未知原因。因此我的问题。如果你甚至不读我的问题，请不要回答。

第三次修改：另外几个小时的摆弄还没有解决问题。我尝试使用

扩展字体的支持

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

}

但是，同样的事情发生了。值得注意的是：Firebug在没有显示时检查字体时会变灰，但是当我点击home或其中一个标签并且字体工作时，它会变成蓝色并开始显示。

第四次修改：再过几天，我仍然在努力解决这个问题。它让我疯了。请帮我。我已经尝试了W3C，Google搜索结果，Stack Overflow和每个建议的所有可能性，但对我来说没有任何作用。我确定我的代码是正确的，但无论我尝试什么，它都会在第一次尝试时加载。

Answer 1

确保CSS文件和字体文件位于同一目录中，如果没有将它们放在同一目录中或修改CSS以获得正确的文件路径

$(document).ready(function() {
    $('#input').keyup(function() {
        $('#text').html($(this).val().replace(/\r?\n/g, '<br />'));
    });
});

外部字体无法正确加载CSS

1 个答案: