字型文件的URL

一些问题，在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路由，如：

网站.COM /主 - 俗物页 '主'

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，不是网站.com/services/serviceA

In br owser地址栏我得到了正确的URI

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

貌似字体不是在页面重载正常加载，但它适用于页面样式。

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

来源

2016-07-01 user2893813

它应该将字体文件（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-01 11:54:18

嗯......我不能处理这条评论...格式化所以，路径是正确的，我的剧本 – user2893813

所以，你能告诉我你的CSS文件的URI？也许我们可以找到一个基于它的解决方案。 BTW，你使用哪个服务器应用程序？如何配置它的静态目录？ –

'@ font-face { font-family：'Optima'; src：url（'fonts/OPTIMA_0.TTF'）格式（'truetype'）， url（'fonts/OPTIMA_0.eot？#iefix'）格式（'embedded-opentype'）， /* url（'fonts url（'fonts/OPTIMA_0.ttf'）格式（'truetype'）， url（'fonts/OPTIMA_0.Optima'），/ *看看问题在这里*/ url ）格式（'svg'）， url（'fonts/OPTIMA_0.woff'）格式（'woff'）; font-weight：normal; font-style：normal; }' – user2893813

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

来源

2016-07-02 11:38:58 user2893813

字型文件的URL

回答

相关问题