两个网站上的相同字体系列以不同方式显示文本

Same font family on two websites displaying text differently

我在这两个网站上使用相同的字体系列,但在前端文本显示不同。 https://www.havredegracecosmeticdentist.com/
http://mozibici.com/

我使用相同的字体系列、字体粗细、字体大小和间距,但对我来说没有任何效果。关于此的任何帮助都会有所帮助。

我刚刚查看了上面的两个站点,发现它们现在使用不同的字体。

在第一个站点中,选择了字体'Muli'。 在第二个站点中,选择了字体 'Helvetica'。

我想,第二个站点没有字体'Muli'。 请检查我的回答。

您没有在 http://mozibici.com/ 网站的字体头部包含 link,就像您在另一个网站中所做的那样。

尝试将<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Muli%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CFira+Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;subset=latin,latin-ext">添加到第二个网站的头部块。

您的字体系列定义相同,但您从标签中的 google 加载了不同的字体。 所以Muli字体在https://www.havredegracecosmeticdentist.com/ but is not available in http://mozibici.com/.

中可用

Muli 字体不适用于 http://mozibici.com/ website. Due to fallback mechanism in font-family definition the browser chooses the next existing font which is Helvetica for website http://mozibici.com/ whereas it shows Muli font for https://www.havredegracecosmeticdentist.com/ 网站。

并且您还为您的网站定义了 font-weight 700 和 font-weight 800。

我制作了负责字体加载的复制粘贴元标记,更改了字体粗细,这两个网站看起来很相似。

希望对您有所帮助 ;-)