javascript - 我可以在网站上的所见即所得中使用哪些字体

Question

我编写了 javascript 所见即所得编辑器。用户可以使用 select 标签更改所选文本的字体。但是当用户没有来自选项的字体时，可能会出现问题。

我不需要一些花哨的字体，到目前为止我有这些:

const FONTS = [
'Arial', 'Times New Roman', 'Verdana', 'Georgia', 'Comic Sans MS', 'Arial Black', 'Impact', 'Lucida Console', 'Tahoma', 'Consolas', 'Helvetica', 'Courier New', 'Courier']

所以我不能使用 css 回退。恕我直言，最好的选择是从某个服务器获取字体，但我无法在任何地方找到像 Arial 等字体。确保字体有效的最佳方法是什么？还是 FONTS 中的这些字体可以保存使用？ (我不需要移动支持)

Answer 1

如果你不需要一些花哨的字体作为后备那么你为什么还要关心呢？无论如何都会使用默认字体，这取决于用户操作系统和他们自己的偏好。

话虽如此，您可以使用此处列出的字体，因为它们是“安全的”，这意味着它们将始终在各种情况、浏览器、低连接等情况下正确呈现...

列表 --> https://websitesetup.org/web-safe-fonts-html-css/