Html 雅科夫薄字体显示不正确
我通过@font-face嵌入了带有CSS的Yakov瘦字体,但字体与原始字体大不相同。 这可能是什么原因?这是我的密码Html 雅科夫薄字体显示不正确,html,css,font-face,embedded-fonts,Html,Css,Font Face,Embedded Fonts,我通过@font-face嵌入了带有CSS的Yakov瘦字体,但字体与原始字体大不相同。 这可能是什么原因?这是我的密码 @font-face { font-family:'Yakovthin'; src: url('../fonts/yakovthin-webfont.eot'); src: url('../fonts/yakovthin-webfont.eot?#iefix') format('embedded-opentype'), url('.
@font-face
{
font-family:'Yakovthin';
src: url('../fonts/yakovthin-webfont.eot');
src: url('../fonts/yakovthin-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/yakovthin-webfont.woff') format('woff'),
url('../fonts/yakovthin-webfont.ttf') format('truetype'),
url('../fonts/yakovthin-webfont.svg#') format('svg');
}
div#mainContainer
{
font-family:'Yakovthin';
font-size:12px;
}
有人能帮忙吗 你能提供一个URL吗?此外,请尝试在代码中添加字体权重:normal:
@font-face
{
font-family:'Yakovthin';
src: url('../fonts/yakovthin-webfont.eot');
src: url('../fonts/yakovthin-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/yakovthin-webfont.woff') format('woff'),
url('../fonts/yakovthin-webfont.ttf') format('truetype'),
url('../fonts/yakovthin-webfont.svg#') format('svg');
font-weight: normal;
}
div#mainContainer
{
font-family:'Yakovthin';
font-size:12px;
font-weight: normal;
}
您应该尝试以下方法:
@font-face
{
font-family:'Yakovthin';
src: url('../fonts/yakovthin-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/yakovthin-webfont.woff') format('woff'),
url('../fonts/yakovthin-webfont.ttf') format('truetype'),
url('../fonts/yakovthin-webfont.svg#') format('svg');
font-weight: normal;
}
我很确定你可以放弃.eot格式,因为当.ttf不受支持时,.woff是,所以它应该可以做到这一点。如果你想处理希伯来语,你还应该了解“”选项。我已经解决了这个问题。问题是网站没有正确地概括字体。我做了,但仍然不起作用。您可以在这里找到profsantaxy.com/demo/Heshbonia.IE9仅支持.eot。谢谢。事实上,IE9也支持.woff格式。我给你的代码有用吗?这很奇怪,因为我在w3schools.com上读到“然而,Internet Explorer 9只支持.eot类型字体,而Firefox、Chrome、Safari和Opera支持.ttf和.otf类型字体()”。不幸的是,它没有工作,但无论如何还是要感谢你的帮助。