哪些字体是新一代浏览器上HTML的标准字体?

哪些字体是新一代浏览器上HTML的标准字体?,html,css,Html,Css,当我开始研究HTML时,我们可以在每个浏览器上呈现HTML的字体只有很少的选择 Arial,Verdana,泰晤士报,新罗马,乔治亚州。现在,从2003年开始,浏览器发生了很大的变化,是否每个浏览器都有新的兼容字体,或者我们仍然回到了2000年前的字体?浏览器在这里是无关紧要的。字体来自“系统”,这意味着特定用户所在的计算机,而不是浏览器本身 字体从本地计算机加载 不过现在有很多字体服务。谷歌字体是一个很好的免费版本: 试试看 我想你把一些事情搞混了。如果使用face属性定义字体,浏览器将尝试

当我开始研究HTML时,我们可以在每个浏览器上呈现HTML的字体只有很少的选择


Arial,Verdana,泰晤士报,新罗马,乔治亚州。现在,从2003年开始,浏览器发生了很大的变化,是否每个浏览器都有新的兼容字体,或者我们仍然回到了2000年前的字体?

浏览器在这里是无关紧要的。字体来自“系统”,这意味着特定用户所在的计算机,而不是浏览器本身

字体从本地计算机加载

不过现在有很多字体服务。谷歌字体是一个很好的免费版本:


试试看

我想你把一些事情搞混了。如果使用face属性定义字体,浏览器将尝试从客户端文件系统加载此字体。如果找不到,则使用配置的默认字体。字体列表也将从客户端文件系统读取。

对于大多数现代浏览器,您可以使用Web字体在任何操作系统/浏览器上呈现所需的任何字体

当然,许多字体都是特定于操作系统的,因此在Windows上无法使用在OSX上呈现的字体


网络字体解决了这个问题。谷歌提供托管网页字体:

你可以使用任何你想要的字体。如果该字体在用户计算机中可用,它将正确显示,否则,浏览器将默认为特定的“标准”字体。如果你想使用一些操作系统(或所有操作系统)没有附带的自定义字体,那么你需要使用CSS3@font属性、谷歌字体或其他解决方案。

Naraj,我想你指的是
网络安全字体。
这些字体是每个用户在机器上都有的

在我开始之前,让我试着解释一下字体加载是如何工作的。当你访问一个网站时,
CSS
文件会告诉你的计算机要查找什么字体文件。如果您的计算机上没有该字体文件,它将不会显示!幸运的是,浏览器是智能的,在这种情况下,浏览器将依赖默认设置,如Arial

不管怎么说,你正在引用的字体列表是大多数计算机在开箱时附带的字体列表。正因为如此,用户很有可能拥有它们,如果您引用它们,网站将正确显示(而不是依赖其他选项)。另一方面,像Helvetica这样的字体不会出现在每台机器上,因为它不是随电脑附带的。如果你尝试在网站上使用Helvetica,大多数电脑用户将看不到它的显示

说到这里,你现在可以在任何网站上使用任何字体了。这是通过CSS规则
@font-face
实现的。它的作用是让您指向字体在服务器上的位置,然后用户可以在那里下载并使用它

使用
@font-face
需要注意两点。首先,用户必须下载字体,因此会给页面显示增加一些延迟。第二点,也是更重要的一点,需要关注的是,您需要拥有字体许可证才能使用它。你不能只把Helvetica上传到你的服务器上,因为字体是别人拥有的。你需要从字体发行商网站购买许可证才能像这样使用它们

正如其他人提到的,有一些很棒的web服务可以让用户使用
@font-face
字体,比如

综上所述,
网络安全字体的列表变化不大。如果您不使用
@font-face
,您可能应该坚持使用2003年的相同字体列表。从今年开始


希望这有帮助

没有。没有“网络安全字体”。没有一种字体可以在所有浏览情况下使用。这取决于系统(计算机),而不是浏览器。关键是字体随操作系统和一些应用软件一起提供,但通常不随浏览器提供

即使是Arial、Verdana、Times New Roman和Georgia也有不同的版本(因此使用特定的字体系列名称,您可能会得到稍微不同的结果),并且在某些计算机中缺少这些版本。例如,安卓系统没有这些字体(安卓系统上可用的字体也没有预装在其他系统中,因此这本身就证明没有网络安全字体)


可下载字体,也称为web字体,通过
@font-face
使用,通常被描述为允许您在页面上嵌入任何字体,以便每个人都能看到该字体中的文本。这部分是正确的,但也有部分是正确的,并且有许多缺陷和不同的主题。

每种字体都与每种浏览器兼容。你可以包含任何字体……通过在每种浏览器上呈现,我的意思是,正如一些用户所建议的,“网络安全”,因此在每种操作系统上都内置,或者简单地说,一种在每个浏览器/用户/星球上都可以看到的字体将在我的页面上冲浪。这是我们姐妹网站的一个问题。答案在这个好人帖子的最后一段:“网络安全字体列表没有太大变化”。其他人在抱怨或者不理解这个问题。