css - 自定义字体未显示在网站上

Question

所以，我正在尝试使用 Overseer在我的网站上，但它不会显示给没有在他们的电脑上安装该字体的任何人。我使用@font face 和该字体的 5 个不同版本(otf、eot、woff、ttf 和 svg)，但它仍然无法加载。有什么办法可以解决这个问题吗？这是@font-face CSS。

@font-face {
font-family: Overseer;
src: url(fonts/overseer.eot);
src: url(fonts/overseer.eot) format('embedded-opentype'), url(fonts/overseer.woff) format('woff'), url(fonts/overseer.ttf) format('truetype'), url(fonts/overseer.svg) format('svg');
font-weight: 400;
font-style: normal;}

Answer 1

试试这个!一些可能有帮助的小改动。

@font-face {
    font-family: 'Overseer';
    src: url(fonts/overseer.eot);
    src: url(fonts/overseer.eot?#iefix) format('embedded-opentype'),      
        url(fonts/overseer.woff) format('woff'),
        url(fonts/overseer.ttf) format('truetype'),
        url(fonts/overseer.svg#Overseer) format('svg');
    font-weight: 400;
    font-style: normal;
}

它对我有用。使字体正常工作有时会很困难。如果有效，请接受。