如何在html代码中加载我的新字体

时间:2013-10-07 08:09:44

标签: javascript html css fonts

我想在CSS和/或HTML代码中加载字体。我需要两种字体(bigsmalls-bold和lft-etica-web),但我没有找到如何下载字体。我只在

中找到了一个javascript代码

https://typekit.com

这个javascript代码我必须添加到我的html代码的头部。 我做到了,但不要改变我的字体。有人可以帮帮我吗?

非常感谢

3 个答案:

答案 0 :(得分:2)

尝试在css文件中使用@ font-face {url}。上传字体

像这样:

@字体面 {     font-family:myFirstFont; src:url('Sansation_Light.ttf'),url('Sansation_Light.eot'); }

.eot适用于IE9

答案 1 :(得分:0)

你有两个选择

第一个谷歌字体

第二个CustomFonts

@font-face {
font-family: "MyCustomFonts";
src: local("MyCustomFonts"), url("../fonts/ArialNarrow.ttf") format("truetype");
}

试试这个

答案 2 :(得分:-1)

Typekit在网站上解释了如何安装字体。登录,转到套件编辑器,然后单击[嵌入代码]

<script src="//use.typekit.net/YOUR_CODE_GOES_HERE.js"></script>
<script>try{Typekit.load();}catch(e){}</script>

完成后:

  

如果要在CSS中使用Typekit,请单击“使用字体”   CSS“在工具包的选择器区域中链接以显示相应的内容   要使用的字体系列名称。一旦你包含了Typekit嵌入代码   在文档中,您可以添加这些字体系列名称   到您自己的样式表中的CSS规则:

     

h1 {font-family:“proxima-nova”,sans-serif; }

http://help.typekit.com/customer/portal/articles/6859-working-with-css-selectors
在CSS中使用font-family名称