为什么内置字体在HTML内工作，而外部字体不能？

<!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> Inbuilt font face Inbuilt font face </body> </html>

<!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> Externally installed font face Externally installed font face </body> </html>

在平台和操作系统（包括Windows）上只共享很小比例的字体。

您的“阿尔及利亚”字体不适用于没有安装字体的其他人。使用字体时，最好的做法是在字体定义的末尾包含通用字体集，以防用户没有所需的字体。例如：

html { 
    font-family:"Algerian", arial, serif; 
}

但是，有解决方案可以创建自定义字体集并将其安装到您的网站。解决方案包括FontSquirrel（商业）和Google Fonts（免费）。这些通常被称为“Web字体”。

对于FontSquirrel，你上传你想要的字体集和发电机会产生网络兼容的字体集。谷歌字体我不相信提供了一个自定义选项，但有100多种字体可供选择。

这两个过程都要求您向您的网站添加相当多的CSS块，包括相应的Web字体文件。但他们肯定看起来很厉害！

关于你现有的代码，请使用过时的HTML如标签（字体标签在HTML 4.01弃用）避免。将它们替换为带有类的标记并在CSS中定义这些字体。

<span class="yourStyleClass">xxxxxxx</span> 

.yourStyleClass { 
    font-family:"Spirax", arial, serif; 
}

希望帮助！

来源

2017-07-14 13:49:00 recurse

我很感谢你为回答这个问题所做的努力。但实际上我想跑，只是其中有个特定的字体在任何PC上（在这种情况下：阿尔及利亚），另一种，我下载并安装（在这种情况下：斯派莎克）。雅我知道的一个事实，即标签不使用，我只是想表明我的朋友，如果没有使用CSS的同时，我们可以改变字体外观/风格。那只是因为我们还没有开始学习CSS。 –

斯派莎克是在谷歌API的字体，因此你首先要链接https://fonts.googleapis.com/css?family=Spirax

<html> 
<head> 
<title>Google Fonts</title> 
<link href='https://fonts.googleapis.com/css?family=Spirax' rel='stylesheet'> 
</head> 
<body style= "font-family: 'Spirax';"> 
<h1>Spirax</h1> 
</body> 
</html>

来源

2017-07-14 13:59:06

为什么内置字体在HTML内工作，而外部字体不能？

回答

相关问题