Html 为什么';在网站上下载字体工作?

Html 为什么';在网站上下载字体工作?,html,css,fonts,Html,Css,Fonts,我从dafont.com下载了两种字体,并进行了编码 html-selector { font-family: font-name; } 当我编码时,字体名称出现在PHPStorm字体系列列表中。但在html/css中呈现时,字体不起作用 有人能帮忙吗?下载字体是不够的。您必须让您的页面(CSS文件)知道在哪里可以获得CSS字体系列中指定的新字体 我假设您下载了font-name-Regular.ttf并将其存储在/font/文件夹中 在css文件中(最好在顶部)使用: 注: 确保您始终使

我从dafont.com下载了两种字体,并进行了编码

html-selector {
 font-family: font-name;
}
当我编码时,字体名称出现在PHPStorm字体系列列表中。但在html/css中呈现时,字体不起作用


有人能帮忙吗?

下载字体是不够的。您必须让您的页面(CSS文件)知道在哪里可以获得CSS
字体系列中指定的新字体

我假设您下载了
font-name-Regular.ttf
并将其存储在
/font/
文件夹中

在css文件中(最好在顶部)使用:


注: 确保您始终使用回退字体,以防浏览器不支持
@font-face
规则

示例:

html-selector {
    font-family: font-name, Helvetica, Arial, sans-serif;
}

浏览器可以访问字体吗?对不起,Brad,我不明白你的问题。我下载并安装到我的电脑(Windows)。PS他们在MS Word中工作。检查我的答案。无需安装,只需保存到您的项目中并使用…我得到了otf字体文件来处理IE,但没有ttf文件。我没有一个可以与Chrome或Firefox一起使用。我一直在网上阅读关于WOFF/WOFF2的文章:我是否必须在Chrome和Firefox上只使用WOFF/WOFF2文件?ttf/otf文件能否转换为WOFF?您可以将ttf字体文件转换为其他字体格式。在谷歌上快速搜索会让你找到正确的方向。此外,您还应该使用多种字体格式,以便浏览器选择它可以使用的字体。注:按大小顺序排列;最小的第一。。。
html-selector {
    font-family: font-name, Helvetica, Arial, sans-serif;
}