0

在本网站使用谷歌字体,一些大写字母与小写相比太轻(假装)。请参阅此处的文字:

https://katherinesolomon.com/farm-animals/

这个问题似乎对窄大写字母的影响大于对宽字母的影响。系统字体(如 arial)不显示此问题。

目前该网站使用的是谷歌字体“Dosis”。我尝试用其他 Google sans-serif 字体替换,但这并不能解决问题;其他选择显示了同样的问题。我尝试过替换不同的字体粗细,但这也无济于事。

无论浏览器或设备如何,这似乎都会发生。

任何人都可以找出问题和解决方案吗?

4

2 回答 2

0

我终于弄明白了。问题在于指定选择性文本。Google Fonts API 不允许仅在多个系列之一中使用选择性文本。

这不起作用:

<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@400;700&family=Playfair+Display&text=KATHERINE%20SOLOMON&display=swap" rel="stylesheet">

相反,您必须像这样将呼叫分成两部分;这有效:

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&text=KATHERINE%20SOLOMON&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@400;700&display=swap" rel="stylesheet">

虽然这需要两次调用 Google 字体,但它仍然比请求两者的全系列更快。

于 2022-01-14T17:56:08.390 回答
-1

您可以更改站点上使用的默认 CSS 设置。在 style.css 文件中,您可以更改默认字体名称、更改默认字体大小、更改要在网站上使用的默认字体颜色。

'

.body { font-family: Arial, Helvetica, sans-serif; 字体大小:12px;颜色:黑色; }

'

例如。

于 2022-01-12T23:44:34.853 回答