Question

我有一个客户在Chrome上遇到问题，其中包含给定字体中的一些字母但不是全部。看起来Chrome正在渲染笔划轮廓但不填充它。有谁之前经历过这个吗？我无法在Mac或PC上的任何浏览器上复制它。

谢谢！

编辑：我使用的代码如下

-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #333;

编辑2：更新了包含以下内容的代码：

-moz-text-stroke-color: #333;
-moz-text-stroke-width: 2px

除非其他人有任何想法，否则我们会看到它是否会解决任何浏览器兼容性问题。他们回应时会跟进。

Answer 1

您可以使用后备字体进行chrome。由于chrome具有不同的css渲染引擎，因此它可以处理该字体的不同。 .ttf fonts和.svg字体在现代网页设计中更受欢迎。

这是一个可能有帮助的在线字体转换工具。

onlinefontconverter

这是一个如何在css3中定义回退字体类型的示例

    @font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Css Stroke似乎没有填写一些字母

1 个答案: