Css 使用字体很棒，但字体不是'；t平滑

我在这个页面上使用的字体很棒

但文本看起来仍然不流畅：

在这个网站上，它是平滑的：

我错过了什么让它如此顺利？

---

这两个页面都有

字体系列：'Awesome font'，sans serif

因为您提到的页面（工作页面）中定义了字体

---

您需要定义字体，以便在css中使用它，如下所示

@font-face {
  font-family: 'Awesome Font';
  font-style: normal;
  font-weight: 700;
  src: local('Awesome Font Bold'),
       url('/wp-content/themes/aspire-pro/AvenirNext/font-files/AvenirNextLTPro-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Awesome Font';
  font-style: italic;
  font-weight: 700;
  src: local('Awesome Font Bold Italic'),
       url('/wp-content/themes/aspire-pro/AvenirNext/font-files/AvenirNextLTPro-BoldIt.ttf') format('truetype');
}

@font-face {
  font-family: 'Awesome Font';
  font-style: normal;
  font-weight: 600;
  src: local('Awesome Font DemiBold'),
       url('/wp-content/themes/aspire-pro/AvenirNext/font-files/AvenirNextLTPro-Demi.ttf') format('truetype');
}

@font-face {
  font-family: 'Awesome Font';
  font-style: italic;
  font-weight: 600;
  src: local('Awesome Font DemiBold Italic'),
       url('/wp-content/themes/aspire-pro/AvenirNext/font-files/AvenirNextLTPro-DemiIt.ttf') format('truetype');
}

@font-face {
  font-family: 'Awesome Font';
  font-style: normal;
  font-weight: 900;
  src: local('Awesome Font Heavy'),
       url('/wp-content/themes/aspire-pro/AvenirNext/font-files/AvenirNextLTPro-Heavy.ttf') format('truetype');
}

@font-face {
  font-family: 'Awesome Font';
  font-style: italic;
  font-weight: 900;
  src: local('Awesome Font Heavy Italic'),
       url('/wp-content/themes/aspire-pro/AvenirNext/font-files/AvenirNextLTPro-HeavyIt.ttf') format('truetype');
}

@font-face {
  font-family: 'Awesome Font';
  font-style: italic;
  font-weight: 400;
  src: local('Awesome Font Italic'),
       url('/wp-content/themes/aspire-pro/AvenirNext/font-files/AvenirNextLTPro-It.ttf') format('truetype');
}

@font-face {
  font-family: 'Awesome Font';
  font-style: normal;
  font-weight: 300;
  src: local('Awesome Font Light'),
       url('/wp-content/themes/aspire-pro/AvenirNext/font-files/AvenirNextLTPro-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Awesome Font';
  font-style: italic;
  font-weight: 300;
  src: local('Awesome Font Light Italic'),
       url('/wp-content/themes/aspire-pro/AvenirNext/font-files/AvenirNextLTPro-LightIt.ttf') format('truetype');
}

@font-face {
  font-family: 'Awesome Font';
  font-style: normal;
  font-weight: 500;
  src: local('Awesome Font Medium'),
       url('/wp-content/themes/aspire-pro/AvenirNext/font-files/AvenirNextLTPro-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Awesome Font';
  font-style: italic;
  font-weight: 500;
  src: local('Awesome Font Medium Italic'),
       url('/wp-content/themes/aspire-pro/AvenirNext/font-files/AvenirNextLTPro-MediumIt.ttf') format('truetype');
}

@font-face {
  font-family: 'Awesome Font';
  font-style: normal;
  font-weight: 400;
  src: local('Awesome Font'),
       url('/wp-content/themes/aspire-pro/AvenirNext/font-files/AvenirNextLTPro-Regular.ttf') format('truetype');
}

---

考虑<代码> -WebKIT字体平滑：反锯齿；<由于某些原因，代码>看起来仍然不太好，我看不到chromeYou可以删除强标记的任何更改。只需使用span并将其设置为

font-weight:700

，而不是

font-weight:bold