使用Unicode字体@font-face



在我的网页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'); 
}

最新更新