html - CSS 字体系列在通过 Linux 应用程序显示的 HTML 页面中被忽略

标签 html css linux

我正在为正在运行的 Linux 程序开发 HTML/CSS 起始页。我所有的字体系列都在 css 中设置为 Arial、Verdana、Sans-serif。在 Chrome 或 Firefox 中打开页面时,字体显示正常。即使在正确显示相同起始页的情况下运行应用程序的 Windows 版本。但无论出于何种原因,linux 版本显示的起始页中所有字体都替换为 courier。它是一种非常刺耳的字体,我似乎无法让 Linux 在这个程序上不默认使用它。我尝试将 css 文档中的字体更改为 Helvetica,或者在每个字体系列名称周围添加单引号或双引号,但似乎没有任何改变。 linux 是否有一些我不知道的奇怪的 css 字体怪癖?任何信息都有帮助。

最佳答案

尝试使用 Google Fonts API 以确保跨平台的字体一致性。

在 Google Fonts 上找到您感兴趣的字体(如果有的话)。以下是将它们导入 HTML 文档的步骤(需要互联网连接):

  1. 转到 Google Fonts
  2. 使用右上角的搜索栏查找您的一种字体
  3. 按字体旁边的加号 (+) 按钮
  4. 为您需要的所有字体重复步骤 2 和 3
  5. 点击屏幕底部的已选家庭工具栏
  6. 选择嵌入
  7. 选择标准
  8. 复制代码块(以灰色突出显示)并将其粘贴到 HTML 文档的 <head> 标记内。
  9. 按照网站的说明指定您要使用的字体(在在 CSS 中指定下)

关于html - CSS 字体系列在通过 Linux 应用程序显示的 HTML 页面中被忽略,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51969591/

相关文章:

html - 在一个容器中安排 3 个 div 和一个具有自动高度的

Linux:grep 的工作原理

html - CSS - 将文本阴影与文本轮廓结合起来?

jquery - Bootstrap 在 768 上显示桌面导航栏菜单

html - 如何让 DIV 中的数据显示在其他 DIV 下方

html - 在 col-1 下划分 bootstrap 列

linux - 删除目录中除列表中提到的文件之外的所有文件

linux - docker compose : Error while loading shared libraries: libz. so.1:无法从共享对象映射段:不允许操作

javascript - 使用 jQuery 流畅地制作动画

php - 如何解析部分 HTML?