如何使PTSans粗体风格看起来更好，在较低的尺寸比16.5px？

Question

我使用的是来自*ontsquirrel.com的PTSans网络字体工具包。(*onspinrel.com/fonts/pt-sans)

我已经设置了一个正确的CSS代码，通过使用一个专门的字体重量和风格的粗体，斜体等。

问题是，PTsans字体变体粗体需要至少有16.5px的大小才能好看。

这造成了一个问题，因为正文文本设置为15 to。

如果我与阿里尔相比，粗体的它看起来很好，即使在12 in大小。

有人能解释一下这个问题吗，或者更好，请推荐一个解决方案？

注意:这不是一个冒充的大胆问题.

干杯。

Answer 1

PT是Google字体库中可用的字体。您可能会考虑使用Google版本的‘re字体，因为它们的字体通常比您当前使用的服务提供的字体更可靠。

下面是几种从Google实现它的不同方法：

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>

Answer 2

字体在浏览器中呈现的方式与Photoshop不同，我以前见过这种自定义字体。您需要更改字体或更改设计，以便为更大的字体腾出空间。你是设计师还是有设计师给你这个？如果是这样的话，回到他们，并解释，设计将需要改变。

您可以尝试使用反混叠属性，这并不适用于每一种字体，但它值得一试。

   p{
    -webkit-font-smoothing: antialiased;
    }

另一个选项是文本阴影。

   p{
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
    }

如果这两种字体都不光滑，那么您将需要更改设计。