3

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


在此处输入图像描述

衬线字体

  • 格鲁吉亚,衬线
  • “Palatino Linotype”,“Book Antiqua”,Palatino,衬线
  • “时代新罗马”,时代,衬线

无衬线字体

  • Arial, Helvetica, sans-serif
  • “Arial Black”,小工具,无衬线
  • “Comic Sans MS”,草书,无衬线
  • Impact、木炭、无衬线字体
  • “Lucida Sans Unicode”、“Lucida Grande”、无衬线字体
  • Tahoma,日内瓦,无衬线字体
  • “Trebuchet MS”,黑体,无衬线
  • Verdana,日内瓦,无衬线

单击此处查看此页面。


以上内容是 w3schools.com 上列出的一些您可以使用的字体的预览。它列出了诸如“Tahoma,Geneva,sans-serif”之类的字体,我不知道其中的哪一部分是实际的字体名称。在我的编辑器上,我只想在列表“Arial、Arial Black、Arial Narrow”等中显示最常用字体的列表。其中一些字体不在安全的网络字体上,因此我必须导入字体。

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

4

3 回答 3

2

我会看看谷歌网络字体是这样的:

谷歌网络字体

希望这可以帮助

于 2013-04-10T16:11:14.503 回答
2

You can check which fonts work with which OS here and here.

These websites have the list of web safe fonts along with which OS it can be used with. It is always best and safe to choose fonts that can work on all types of OS.

As mentioned by @Stefen V., Google fonts are awesome. However, it has a drawback that it may effect the page load time (makes the page load slower than using web safe fonts).

于 2013-04-10T16:16:42.730 回答
0

您给出的上述示例是字体树的示例。

所以“Georgia, serif”意味着如果它可用,则使用 georgia,如果它不可用,则使用任何可用的“serif”字体。

“Arial, Helvetica, sans-serif”意味着如果 Arial 可用,则使用 Arial,如果不可用则使用 Helvetica,最后如果不可用,则使用可用的 ans sans-serif 字体。

Stefan V. 提到的 Google 字体是一个不错的选择,尽管我不能 100% 确定您是否能够将它们与您的编辑器集成。不过,一切皆有可能,所以您也许可以。

您可以下载单独的 Google 字体以在您的网站上使用,也可以仅链接到托管在 Google 网络服务器上的它们。

于 2013-04-10T16:17:41.993 回答