Html web上的中文字体在不同浏览器中呈现方式不同

Html web上的中文字体在不同浏览器中呈现方式不同,html,css,Html,Css,我一直在我的Mac电脑上的Chrome浏览器上显示中文字体,我很喜欢。但是,在Firefox中或在Windows上使用Chrome时,字体呈现方式会有所不同。有没有一种方法可以标准化浏览器为汉字选择的字体?以下是如何使用这一行代码的快速参考。 不同的浏览器有不同的默认字体,但可以通过在CSS中设置字体系列来覆盖这一点。请记住,不同的计算机有不同的可用字体集,因此您通常应该使用字体列表,希望涵盖大多数浏览情况 也许您已经这样做了,但在不同的浏览器上会看到不同的结果。然后请发布代码的相关部分和/或U

我一直在我的Mac电脑上的Chrome浏览器上显示中文字体,我很喜欢。但是,在Firefox中或在Windows上使用Chrome时,字体呈现方式会有所不同。有没有一种方法可以标准化浏览器为汉字选择的字体?

以下是如何使用这一行代码的快速参考。

不同的浏览器有不同的默认字体,但可以通过在CSS中设置
字体系列来覆盖这一点。请记住,不同的计算机有不同的可用字体集,因此您通常应该使用字体列表,希望涵盖大多数浏览情况


也许您已经这样做了,但在不同的浏览器上会看到不同的结果。然后请发布代码的相关部分和/或URL。

您有多种选择:

  • 正如Art of FITZ所说,指定一个
    @font-face
    ,并将字体下载给用户(如果字体较大,这将占用大量带宽)
  • 正如Jukka所说,在
    font
    属性中提供字体名称列表,并希望其中一个已安装在用户的计算机上
  • 传统方法:在您自己的计算机上以您选择的字体呈现文本,并将其作为图像文件上载。如果没有太多的文本可显示,这可能比使用
    @font-face
    子句下载多兆字节的字体文件更有效
  • 根据您的需要定制@font-face:根据要显示的文本量,您可以创建只包含所需字符子集的字体(使用在线实用程序,如font Squirrel),从而减小要下载的字体文件的大小

  • 使用字体文件并通过
    @font-face
    加载。中文字体大小很大,是否也可以使用字体文件?