当前位置: 首页 > 知识库问答 >
问题:

相同的css呈现不同的字体

锺离明煦
2023-03-14

我使用的是来自的opensansfonthttp://fonts.googleapis.com/css?family=Open Sans。由于安全原因,一些客户端使用封闭环境,因此我需要使用从npm安装的本地字体。

我尝试了npm为开放式SAN提供的多个软件包,如开放式SAN all:“^0.1.3”字体开放式SAN:“^0.0.54”,但使用相同css的字体与以前使用GoogleApis字体呈现的字体不同,尤其是字体重量:粗体时 已应用。

我是不同的形象。

没有任何资源的HTTP404

我不确定我做错了什么,所以相同的字体和相同的css呈现不同?


共有1个答案

韩涵衍
2023-03-14

正如@RobC所提到的,它可能是由浏览器伪造的粗体,因为npm的字体中有特定的粗体定义,但GoogleApi one中没有。

这是跛脚的,但客户端更喜欢旧的,即从浏览器的赝品,所以需要下载相同的woff2文件

>

  • 打开http://fonts.googleapis.com/css?family=Open

    它使用了不同的字体,如:

    /* cyrillic-ext */
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    } ...
    

    下载url中提到的所有本地文件作为资源,如下所示:

    http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2

    html" target="_blank">修改原始css以使用本地资源,如:

    @font-face{font-family:'Open Sans';字体样式:normal;字体重量:400;src:local('Open Sans-Regular')、local('OpenSans-Regular')、url(ui/fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2)格式('woff2');unicode范围:u0460-052F、u1C80-1C88、u20b4、u2de0-2DFF、uA640-A69F、uFe2e-FE2F;}

    但同样需要为InternetExplorer添加额外的EOT文件,因为IE无法识别woff2

  •  类似资料:
    • 我在我的网站上使用蒙特塞拉特字体。我通常使用这里提供的谷歌字体。它只有两种样式:和。 我最近发现在font Squirrel上还有另外两种字体:和。我也需要这两个,因为它们不在Google Fonts上,我想从Font Squirrel下载它们,然后使用他们的webfont生成器。 不过,我注意到,同样的字体,同样的样式和重量,看起来略有不同。下面是对比粗体版的截图: 上面的是一个来自Font S

    • 问题内容: 我有这样的CSS声明: 这里的font1是嵌入式的eot / ttf字体,但问题是该字体比其他字体要小,所以我想为此字体(font1)使用不同的字体大小(1.8em)。所有其他字体(font2,font3)保持不变。 问题是,我无法验证用户的浏览器是使用font1,font2还是font3。是否有任何CSS声明允许不同家族使用不同的字体大小? 谢谢。 问题答案: 这里 是 一个办法做到

    • 问题内容: 我今天在另一个问题中提出了这个问题,但是 由于措辞的方式,恐怕无法解决任何问题。 我有一个json输入,其中包含以下数据: 杰森 如您所见,option_value项是一个对象中的Array和 另一个对象中的简单字符串。 我怎样才能让Gson正确处理呢?我的类将此描述为 List对象,因此它适用于option_value是 数组的前几个项目,但是当它成为字符串时,应用程序崩溃,并且我收

    • 问题内容: 我有一排2列。在这些列中,我有一个标题,内容和列表。它们具有不同的内容长度。 我要实现的是,该列表在同一行上彼此相邻,而不会破坏引导程序移动优化。 我首先尝试了3个不同的行,但是当列断开时,内容不再属于彼此。没有JavaScript,有没有我需要的解决方案?也许以某种方式使用flexbox? 这是我当前的代码: 问题答案: 为了能够实现这一目标,而无需使用脚本,所有项目(,,,)需要

    • 问题内容: 我的数据库中有文本。我从xhr向我的视图发送一些文本。函数查找找不到某些Unicode字符。 我想使用以下方式找到选定的文本: 但有时变量“选择”包含如下字符: 而在变量“文本”中有: 它们只是同一事物的不同形式。在这里如何使工作更可靠? 问题答案: 这可能对您有帮助。 基本上,如果您对来自db的数据进行规范化,并且将选择规范化为相同的形式,那么使用,(即)和朋友时应该会得到更好的结果

    • 我需要编写一个java方法来从一个对象中获取特定的信息。但是,该对象可以是A类型的,也可以是B类型的。下面是我的代码的一部分: 当我这样写它时,它会引发一个错误,说“重复方法”。我怎么才能让这个起作用?