0

我有一个简单的一页布局，基本上都是 HTML + CSS（很快会添加一些 js，但目前不存在）。

Baiscally 我有这个：

/* Cambo */

    @font-face {
    font-family: 'CamboRegular';
    src: url('font/cambo/Cambo-Regular-webfont.eot');
    src: url('font/cambo/Cambo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/cambo/Cambo-Regular-webfont.woff') format('woff'),
         url('font/cambo/Cambo-Regular-webfont.ttf') format('truetype'),
         url('font/cambo/Cambo-Regular-webfont.svg#CamboRegular') format('svg');
    font-weight: normal;
    font-style: normal; }

/* Source Sans Pro */

    @font-face {
    font-family: 'SourceSansProRegular';
    src: url('font/sourcesanspro/SourceSansPro-Regular-webfont.eot');
    src: url('font/sourcesanspro/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sourcesanspro/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('font/sourcesanspro/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('font/sourcesanspro/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal; }

当我使用 font-family: 'Cambo Regular'; 它有效，但是当我尝试选择字体系列时：'SourceSansProRegular'; 我尝试的任何浏览器都没有加载字体。

网站文件夹中字体的原始路径是 url('../assets/fonts/ --> rest 从 FontSquirrel 复制而来

因为我注意到这两个都没有工作，所以我将它们移到了 css 所在的文件夹中，所以我有

主文件夹（索引指向 css 文件夹）/assets/css（带有我的 css）/font（里面有两个字体文件夹）

为什么这不起作用？声明路径时我错过了什么吗？如果 CamboRegular 也不应该工作，但它在任何浏览器上的 Windows 和 Mac 上都可以正常显示。

快速编辑！

我将路径更改为完全错误的路径，它显示了基本的页面字体。我认为字体正在加载，但它看起来比应有的“更大胆”。如果您在 Photoshop 中观看设计，然后在页面上看起来会有所不同（我进行了设计，所以我知道它没有被拉伸或其他什么），但 CamboRegular 仍然在寻找和行动。

这是显示问题的图像

http://img526.imageshack.us/img526/2671/nnqu.jpg

的 CSS

包含的灰色文本也很简单

p {
    color: #8a8a8a;
    font-family: 'SourceSansProRegular';
    font-size: 16px; }

这是 CamboRegular 正常工作的顶部菜单（未显示在此图像中）

h1 { 
color: #494949;
font-family: 'CamboRegular';
font-size: 48px;
text-align: center; }

正如您所看到的，这没什么花哨的，但仍然可以，一个在工作，另一个不在。

4

0 回答 0