我的标题字体将不适用于我的p字体将

时间:2014-04-13 07:30:30

标签: html css fonts

我一直忙于我的网站,我一直在添加字体。 guinfo和beyondsky, 唯一的问题是quinfo确实适用于我的段落,但超出天空而不是我的标题。

这里是所有代码https://mega.co.nz/#!wkQXzDTY!WnUrAbtbn6awROUb64bNll6_kUzaSkq8T8PVQKEdfqs(您可能不会发布它只帮助我)

这是我在css中的代码

@font-face {
font-family: 'beyond_skyregular';
src: url('/Users/roderik/Desktop/sites/tisgametijd site/fonts web/beyondsk_complete-webfont.eot');
src: url('/Users/roderik/Desktop/sites/tisgametijd site/fonts web/beyondsk_complete-webfont.eot?#iefix') format('embedded-opentype'),
     url('/Users/roderik/Desktop/sites/tisgametijd site/fonts web/beyondsk_complete-webfont.woff') format('woff'),
     url('/Users/roderik/Desktop/sites/tisgametijd site/fonts web/beyondsk_complete-webfont.ttf') format('truetype'),
     url('/Users/roderik/Desktop/sites/tisgametijd site/fonts web/beyondsk_complete-webfont.svg#beyond_skyregular') format('svg');
font-weight: normal;
font-style: normal;

}

h1  {
font-family:beyond_skyregular;  
color:#ffffff;
}
h2  {
    font-family:beyond_skyregular;  
    color:#ffffff;
}
h3  {
    font-family:beyond_skyregular;  
    color:#ffffff;
}
h4  {
    font-family:beyond_skyregular;  
    color:#ffffff;
}
h5  {
    font-family:beyond_skyregular;  
    color:#ffffff;
}
h6  {
    font-family:beyond_skyregular;  
    color:#ffffff;

1 个答案:

答案 0 :(得分:0)

enter image description here 刚尝试在我的开发环境中,屏幕截图如下所示,正确加载两种字体。我所做的是替换你的路径/ Users / roderik / Desktop / sites / tisgametijd site / fonts web / ... 有了这个 / fonts web /...

如果这可以解决您的问题,请告诉我。 另一方面,我建议你把所有@规则放在顶部,这对读者更友好。并将所有css文件保存在同一文件夹中,而不是每个目录的文档根目录,即主页,博客等。