Question

我正在学习php，html和css，我正在尝试在我的网站上使用自定义字体。我找到了允许这样做的@font-face属性，但它不起作用。我究竟做错了什么？的CSS：

@font-face {font-family: LazurskiCTT;src:url(../sources/fonts/ie/LazurskiCTT Regular.eot);}
/*IE*/ 
@font-face {font-family:LazurskiCTT;src:url(../sources/fonts/LazurskiCTT Regular.Ttf);}
/*Other browsers*/
#myFonts{font-family:LazurskiCTT;}

HTML：

<p id="myFonts">Lazurski</p>

也许是因为我在本地机器上使用它？我在FireFox中运行它。

Answer 1

让它工作的最简单（也是最好）的方法是使用fontsquirrel的生成器：

http://www.fontsquirrel.com/fontface/generator

Answer 2

假设您的字体路径正确，请尝试此操作。引用...有人说没必要，但我发现它最好用。在某些情况下，我的CSS会在没有引号的情况下中断（特别是当路径中涉及空格时）。

注意：使用此站点将您的ttf转换为eot，以使其在IE上运行（将.ttf＆amp; .eot放在同一目录中）。 http://ttf2eot.sebastiankippe.com/

@font-face {
    font-family: "LazurskiCTT"; 
    src:url("../sources/fonts/ie/LazurskiCTT Regular.eot"); /*IE*/
    src:url("../sources/fonts/LazurskiCTT Regular.Ttf") format("truetype"); /*Non-IE*/

}

这适用于我的网站。希望它也适合你。

Answer 3

/之后你错过了一个斜杠..，可能已经是它了。

请注意，大多数基于Linux的系统都区分大小写 - 如果.Ttf未完全按方式编写，则{{1}}可能无效。

有关如何在浏览器中设置自定义字体的详细演练，请参阅此问题：Error while using the custom fonts in css

Answer 4

它应该适用于您的本地计算机。请尝试以下方法。

确保字体的路径正确无误。

@font-face {
font-family: CustomFont;
src: url('CustomFont.otf');
}
p {font-family:CustomFont, Helvetica, Arial}

<p>Text here</p>

通过CSS自定义字体

4 个答案: