Question

我在使用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 - 调用目录页面'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

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

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

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

Answer 1

它应该将字体文件（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;
}

Answer 2

抱歉，这是我的错，文件名错误）

请求uri

2 个答案: