0

我对 font_face 有一些问题

在 CSS 中：

@font-face{
    font-family: 'Optima';
    src: url('fonts/OPTIMA_0.woff') format('woff');           
    font-weight: normal;
    font-style: normal;
}   
html{  
    font-family: 'Optima';
}

我使用 $_SERVER['REQUEST_URI'] 进行 MVC 路由，例如：

site.com/main - 调用公共页面'main'

site.com/contacts - 调用公共页面“联系人”

site.com/services - 调用目录页面“服务”

site.com/services/serviceA - 调用具体目录页面“serviceA”

site.com/services/serviceB - 调用具体目录页面“serviceB”

……

但是当我在页面重新加载时清除浏览器缓存时，我在请求 uri 中获得了字体路径，例如：site.com/application/css/fonts/OPTIMA_0.woff，而不是 site.com/services/serviceA

在浏览器地址栏中，我得到了正确的 uri

谷歌字体工作正常，但我需要这个..

看起来字体在页面重新加载时无法正确加载，但它应用于页面样式。

所以问题是：我该如何解决这个问题？

4

2 回答 2

0

它应该将字体文件（OPTIMA_0.woff）视为静态文件，就像您使用的 css 或 js 文件一样。

如果你的静态目录是这样的：

|-index.html
|-css/
|----/main.css
|-fonts/
|-----/OPTIMA_0.woff

您可以在 css 文件中使用相对路径，假设文件名为 main.css。

@font-face{
    font-family: 'Optima';
    src: url('../fonts/OPTIMA_0.woff') format('woff');           
    font-weight: normal;
    font-style: normal;
}
于 2016-07-01T11:54:18.940 回答
0

对不起，是我的错，文件名错误）

于 2016-07-02T11:38:58.280 回答