Browser Chrome在Windows(Vista)中显示文本框

Browser Chrome在Windows(Vista)中显示文本框,browser,google-chrome,font-face,Browser,Google Chrome,Font Face,对于我正在开发的网站,我正在使用多个@font-face来设置某些文本的样式。对于我的一种字体,它在Mac和Windows的所有浏览器中都显示得很好,只有一个例外,即Windows上的Chrome(它发生在Vista和Windows 7中) 在该浏览器中使用字体,但文本的空格显示为方框 我已经检查了Chrome的Mac,但问题并不存在。我在网上查了一下,发现了很多关于Chrome显示框/方块的东西,当它不能正确地呈现字符/字体时,比如在日文/中文网站上。这里提到的任何解决方案,如清除缓存或重新启

对于我正在开发的网站,我正在使用多个@font-face来设置某些文本的样式。对于我的一种字体,它在Mac和Windows的所有浏览器中都显示得很好,只有一个例外,即Windows上的Chrome(它发生在Vista和Windows 7中)

在该浏览器中使用字体,但文本的空格显示为方框

我已经检查了Chrome的Mac,但问题并不存在。我在网上查了一下,发现了很多关于Chrome显示框/方块的东西,当它不能正确地呈现字符/字体时,比如在日文/中文网站上。这里提到的任何解决方案,如清除缓存或重新启动我的公司,似乎都不起作用

我不确定这些情况是否适用于这里以及我的字体是否出现在网站上,但只有空格显示为正方形。我使用的任何其他@font-face字体都不会出现这种情况

我在网上找到的其他解决方案包括确保在本地安装字体。这不是一个选项,因为我不能要求每个访问网站的人在他们的计算机上安装字体

我想附加一个链接,但该项目现在在开发服务器上


还有其他人遇到过这个问题吗?有人知道如何解决这个渲染问题吗?

在今年尝试了许多不同的方法之后,我自己也在寻找这个答案。我最终通过在字体生成器中添加unicode字符解决了这个问题

简单的回答是将此添加到Unicode范围的字体Squirrel设置中:

0085, 000A, 000B, 000C, 000D, 2028, 2029

这个问题有一个很长的答案:

我遇到了一个问题,这个框似乎只出现在文本的随机区域,并且只出现在空格中

我的解决方案是打开一个纯文本编辑器,在纯文本编辑器中重新键入错误内容,然后将其粘贴回内容中


在我的例子中,我和一个设计师一起工作,我从一个AI文件中复制文本,我想象有一些隐藏的字符被复制过来。

我知道这是一篇非常古老的文章,但为了以防万一,让我为那些挣扎者提供解决方案。

在我的例子中,我用各种各样的解决方案打破了我的大脑,但没有一个能给我所有浏览器兼容性的工作结果。。在尝试了一点之后,我找到了一个解决方案,它是按照下面的过程进行的。

如果您输入了nudi、bharaha或任何非unicode字符,那么这将起作用(我的测试是在nudi上进行的)

  • 在需要的任何软件中键入文本
  • 尝试在线将非unicode转换为unicode(我使用 )
  • 然后尝试下面的一段代码

      <style>
      @font-face {
        font-family: kannadanudi;
        src: url('https://github.com/googlei18n/noto-fonts/raw/master/unhinted/NotoSansKannada-Regular.ttf');
      }
      </style>
    
      <p style="font-family: kannadanudi;">
      ನಮ್ಮ ಮಾತು  
      </p>
    
    
    @字体{
    字体系列:kannadanudi;
    src:url('https://github.com/googlei18n/noto-fonts/raw/master/unhinted/NotoSansKannada-Regular.ttf');
    }
    

    ನಮ್ಮ ಮಾತು

  • 从上面的代码中,您可以下载并提供本地字体路径,或者您可以直接链接github url。无论如何,这就是我解决问题的方法。。先谢谢你。如果有人有疑问,可以发表评论