Web安全字体列表和导入字体？

Question

我正在为我的网站制作我自己的文本编辑器。此文本编辑器基于Microsoft 2010，具有类似的布局和功能。我目前正在处理下拉列表中的字体类型，您可以选择，我想知道是否有任何地方的网页安全字体，您可以使用。

​

​

衬线字体

• 佐治亚角
• "Palatino Linotype"，"Book Antiqua"，Palatino，serif
• “时代新罗马”、“时代”、“衬线”

Sans-Serif字体

• Arial，Helvetica，sans-serif
• "Arial Black"，Gadget，sans-serif
• “漫画书MS"，草书，无衬线
• 冲击，木炭，无衬线
• "Lucida Sans Unicode"，"Lucida Grande"，sans-serif
• 塔霍马，日内瓦，无衬线
• "Trebuchet MS"，Helvetica，sans-serif
• 日内瓦维尔达纳，无衬线

单击此处查看此页面。

上面的内容是您可以使用的一些字体的预览，并在w3schools.com上列出。它列出的字体，如"Tahoma，日内瓦，无衬线“，其中我不知道其中的一部分，是实际的字体名称。在我的编辑器中，我只想在" Arial，Arial Black，Arial窄“等列表中显示最常用字体的列表。其中一些字体将不会在安全的网页字体，因此我将不得不导入字体。

我不仅想知道是否有一个更好的名单，网络安全字体类型，你可以有，包括他们的简化名称和如何导入字体。另外，关于导入字体，一旦我导入它们，它们会在所有应用程序/设备上正确显示吗？

Answer 1

我会查看Google字体中的如下内容：

Google字体

希望这能有所帮助

Answer 2

您可以检查哪些字体与OS、这里和这里一起工作。

这些网站有网站安全字体的列表，以及可以与之一起使用的操作系统。选择能够在所有类型的操作系统上工作的字体总是最好和安全的。

正如@Stefen .所提到的，谷歌字体是很棒的。但是，它有一个缺点，即它可能会影响页面加载时间(使得页面加载比使用web安全字体慢)。

Answer 3

上面给出的例子是字体树的例子。

所以“佐治亚，衬线”的意思是如果它是可用的，就使用佐治亚，如果它不是，那么就使用任何可用的'serif‘字体。

" Arial，Helvetica，sans-serif“的意思是使用Arial，如果它是可用的，如果它是不可用的，请使用Helvetica，最后，如果没有，请使用ans字体。

谷歌字体，正如Stefan V提到的，是一个很好的选择，虽然我不能百分之百肯定你将能够将它们与你的编辑器集成。任何事情都是可能的，所以你也许能做到。

你可以下载在你的网站上使用的独立谷歌字体，或者只是链接到它们托管在谷歌的网络服务器上。