我正在尝试加载此自定义字体,但无法在我的服务器上运行。我只是提供静态文件。这正是我正在使用的语法,它在我的本地机器上完美运行。
@font-face {
font-family: "Telegrafico";
src: url('/assets/fonts/telegrafico.woff') format('woff'), url('/assets/fonts/telegrafico.eot') format('embedded-opentype'), url('/assets/fonts/telegrafico.ttf') format('truetype'), url('/assets/fonts/telegrafico.svg') format('svg');
}
问题存在于所有浏览器中......我终究无法弄清楚哪里出了问题。
感谢任何帮助!
最佳答案
来 self 们的聊天。
您在 CSS 中使用了绝对 URL。 然而,在现场你的网站是从一个子目录提供服务的。 (这里的错误是你本地站点的模型和现场环境不匹配)
解决方案是在 CSS 中使用相对路径而不是绝对路径。
假设/assets/css 和/assets/fonts
@font-face {
font-family: "Telegrafico";
src: url('../fonts/telegrafico.woff') format('woff'), url('../fonts/telegrafico.eot') format('embedded-opentype'), url('../fonts/telegrafico.ttf') format('truetype'), url('../fonts/telegrafico.svg') format('svg');
}
应该够了
关于css - @font-face 远程问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21157295/