Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 相同的字体、字体大小和浏览器,不同的网站,但给出的结果不同_Html_Css_Fonts - Fatal编程技术网

Html 相同的字体、字体大小和浏览器,不同的网站,但给出的结果不同

Html 相同的字体、字体大小和浏览器,不同的网站,但给出的结果不同,html,css,fonts,Html,Css,Fonts,我正在做一个网站,并希望有从其他网站相同的字体相同的外观。但是,当我将它们的字体重量设置为600时,它们给出的结果不同 字体为Proxima Nova Regular 以下是它们的外观: 字体大小:正常 颜色:#98a9af 我的网站 另一个网站 字号:600 颜色:#98a9af 我的网站 另一个网站 也许对某些人来说,它们看起来很相似,但我的网站更大胆 多谢各位 Andy您可以使用类似于规范化css的东西 它将使浏览器更一致地呈现所有元素。因为每个浏览器都有自己的用户代理样式表,并且

我正在做一个网站,并希望有从其他网站相同的字体相同的外观。但是,当我将它们的字体重量设置为600时,它们给出的结果不同

字体为Proxima Nova Regular

以下是它们的外观:

字体大小:正常

颜色:#98a9af

我的网站

另一个网站

字号:600

颜色:#98a9af

我的网站

另一个网站

也许对某些人来说,它们看起来很相似,但我的网站更大胆

多谢各位


Andy

您可以使用类似于规范化css的东西
它将使浏览器更一致地呈现所有元素。因为每个浏览器都有自己的用户代理样式表,并且根据自己的样式指南可能会有点不同。

我找到了问题的答案。我发现我的网站没有中粗体的字体,即600的字体重量。因此,当浏览器找不到字体时,它会尝试模仿,但结果不太好。

试着做一个比较。首先,创建一个简单的测试页面,里面只有这些文本和规则,我们称之为“见证”。然后检查他们或你的页面中哪一个显示了与此“见证人”相同的行为。获取另一个的源代码并开始删除所有不相关的内容,直到它暴露出相同的行为。您将找到导致此问题的原因。如果从那里你仍然无法找到如何修复它,那么回到这里让我们知道。我如何将下载的字体包含在堆栈片段中?堆栈溢出中是否有一个位置可以让我上载文件,然后使用@font face引用它?你可以将其编码为dataURI,尽管你可能会很快达到最大字符数限制。