css - 如何使 PTSans 大胆的风格在小于 16.5px 的尺寸下看起来不错？

Question

我使用的是来自 *ontsquirrel.com 的 PTSans Webfont Kit。 (*ontsquirrel.com/fonts/pt-sans)

我通过使用粗体、斜体等专用字体粗细和样式设置了正确的 CSS 代码。

问题是 PTsans 字体变体粗体需要至少 16.5px 的大小才能看起来不错。

这会产生一个问题，因为正文文本设置为 15px。

如果我与 Arial 比较，即使在 12px 大小下加粗它看起来也不错。

有人可以阐明这一点，或者更好的是，请推荐一个解决方案吗？

注意:这不是一个假的粗体问题。

干杯。

Answer 1

PT Sans 是一种在 Google Fonts library 中可用的字体.您可以考虑使用 Google 的网络字体版本，因为它们的字体通常比您当前使用的服务提供的字体更可靠。

Google 有几种不同的实现方式:

标准(这将放在 HTML 的 head 中):

<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

@import(这将位于您的 CSS 文件的顶部):

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

Javascript(这可以直接包含在 HTML 中或包含在您已包含在 HTML 中的单独 JS 文件中):

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'PT+Sans:400,700,400italic,700italic:latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>