在我的网页css文件中,我使用了一个"Bangla"(孟加拉国)unicode字体- "SolaimanLipi"作为font-face
;我确信位置是正确的,字体名称重命名为"sol.ttf"。我像这样链接字体,并在我的页面中使用了许多地方作为font-family:bodyf
。
@font-face {
font-family:bodyf;
src: url("../font/sol.ttf");
format("opentype");
}
它在我的本地服务器上运行良好。
我的代码有什么问题或者我错过了什么?谢谢你。
也许,在带有charset
元标签的页面上指定字符集可以解决这个问题。
所以,试着写在你的<head>
标签(我认为utf-8可能适合你):
<meta charset='YOUR_SET'>
或者,如果你是在html5之前的页面,你可以使用长版本:
<meta http-equiv='Content-Type' content='text/html; charset=YOUR_SET'>
关于charset
元标签的更多信息在这里。
另一种可能是托管相对路径的问题。请尝试输入字体文件的绝对路径。在你的CSS中这样写:
@font-face {
font-family:bodyf;
src: url("http://www.shebamcsl.com/.../font/sol.ttf") format("opentype");
}
另一种可能与兼容性有关。阅读本文以了解有关每种浏览器的更多细节。完整的@font-face
的骨架如下:
@font-face {
font-family: 'bodyf';
src: url('../font/sol.eot');
src: local('body f'),
url('../font/sol.ttf') format('truetype'),
url('../font/sol.svg#font') format('svg');
}