HTML上的新手总数。
我希望将以下任何一种字体并入:
https://andrewsonline.co.uk/content/fonts/
进入网站的静态github页面。
我看到这些字体的CSS代码在这里:
https://andrewsonline.co.uk/content/fonts/fonts.css
我是否只需要复制并粘贴到我的html中?
我在哪里放置EOT,WOFF,TFF和SVG文件?

感谢您的帮助

#1楼 票数:1 已采纳

只要将字体正确引用即可,将字体放在何处都无所谓:

  • 前缀/相对于根目录。
  • 前缀./相对于工作目录。
  • 前缀../相对于父目录。

只需确保在@font-face定义字体,在font-family指定所需的名称,并在src属性中指定font-family的URL。 您需要链接的唯一字体URL是.woff (其他仅是特定于浏览器的替代字体或过时的扩展名)。

通常,您将只使用类似于以下内容的内容:

 @font-face { font-family: externalFont; src: url(/fonts/GT-Walsheim-Pro-Light.woff); } div { font-family: externalFont; } 
 <div>Stylish</div> 

请注意,Andrew's Online已设置“禁止访问-允许-起源”,这意味着,如果您直接链接到字体,则CORS策略将阻止字体包含。 您需要下载其字体,然后链接到本地副本。

希望这可以帮助! :)

  ask by translate from so

未解决问题?本站智能推荐:

1回复

使用@font-face将自定义字体上传到CSS文档是否会使事情呈现得更慢?

我从dafont.com下载了一种字体,然后将其添加到当前仅在我的计算机上的html文件的样式表中。 我更改了大多数按钮以使用该字体,但是由于自定义字体,现在它的加载速度似乎变慢了(它过去几乎在我的浏览器中立即呈现)。 有没有一种方法可以解决计算机本地文件的问题,并且在将页面实际上传到网站后
1回复

HTML/CSS多种自定义字体

我刚刚开始编写HTML编码,并且停留在多种字体的初始化上。 我注意到,如果您初始化多个字体,唯一可以使用的是第一个初始化的字体。 任何人都可以通过其他方式来使用HTML中的多种自定义字体。 如何改善以下代码? <style> @font-face { font-fa
6回复

HTML和CSS自定义字体没有出现在我的页面上

这是我的html代码-> 这是我的CSS代码-----> 我的自定义字体系列和字体大小即将出现在页面上,请帮助我
2回复

在您的网站上上传自定义字体

美好的一天。 我正在创建一个将文本添加到画布的简单网站。 但是我希望用户上传自己的自定义字体并在网站中使用它。 那怎么办 我已经看到,在使用字体之前,仍然需要在CSS中编写它。
1回复

自定义字体不会显示在页面hostgator中

嗨,我的字体有问题。 我已经在线下载了自定义字体( http://www.fontsquirrel.com/ ),并且希望它显示在页面上。 当我尝试将其上传到其他ftp服务器上时,它工作得很好,但是当我尝试在hostgator中上传它时,它不会显示。 我试图将我的站点上传到其他ftp服务器
4回复

我的Storenvy页面上的自定义字体有问题

我使用的是FontSquirrel的网络字体,它提供了webfont工具包。 我目前在“ StilettoRedBand.com”的根文件夹中有文件,但是在我的Storenvy页面(stilettored.storenvy.com)中,webfont在标题或页脚中不起作用。 我一直在从事这
1回复

HTML不会加载完整的自定义字体

我使用@font-face在我的localhost页面样式上附加了自定义字体。 我想使用特殊字体,它就像阿拉伯风格,它被称为“阿拉伯舞蹈”。 我已经上传了正确的字体并附在页面样式中: HTML: 毕竟,我可以看到使用另一种字体的一些区别,但它不是“满载”字体。 它没有显示原始字体
2回复

将自定义字体添加到GitHub页面

我刚刚在 GitHub 上托管了我的新网站。 我使用了一些自定义字体,我将它们上传到index.html和style.css文件旁边: 字体代码: 我是 GitHub 的新手,我不知道要更改什么才能使这些字体正常工作。