为什么我的CSS与您的CSS看起来有所不同？
坎索尔
我想让我的页面具有与这本精美的文字相同的文字样式，Dan Wahiln的AngularJS教程
因此，在Chrome开发工具中：我可以看到以下内容：
font-size: 12pt;
line-height: 1.8em;
font-family: "Open Sans",Calibri,Candara,Arial,sans-serif;
请参见下图： 
现在到我的CSS：
p.test-fonts {
font-family: "Open Sans",Calibri,Candara,Arial,sans-serif;
font-size: 12pt;
line-height: 1.8em;
margin: 0 0 10.5px
}
但是，文本呈现的方式有所不同： 
为什么会有这种差异？
Legnaleama
您的项目中是否有Open Sans字体？Open-sans不是浏览器的默认字体，您需要手动添加它，这是Google Fonts提供的字体，因此您需要在文档中调用它，而在CSS中则是通过@import或在.html中的DOM中调用它。文件。
如果您访问GoogleFonts网站http://www.google.com/fonts并查找“ Open-sans”，则将找到有关如何使用它的所有选项，则必须选择所需的权重使用和要导入的不同样式，因为这些差异中的每一个都是一种实际的独立字体，因此当您增加可用于网站的变体的数量时，它们的权重将更高。
另外，您正在查看从浏览器的“文件”声明中加载文档的文档，如果您使用的是Windows，我建议您使用Xampp之类的本地计算机，以便在CSS上使用相对路径时不会出现URL问题。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
WPF：为什么我的前景色在不同的操作系统下看起来有所不同
- 2
为什么我的JavaScript Google Map与公开的Google Map看起来有所不同？
- 3
为什么我的React Web App在某些移动设备上看起来有所不同？
- 4
为什么Vim颜色在tmux的内部和外部看起来有所不同？
- 5
为什么Windows DPI缩放使屏幕元素看起来有所不同？
- 6
HTML Css按钮在Firefox中看起来有所不同
- 7
CSS-动态添加图像时，图像看起来有所不同
- 8
在ssh连接控制台上，不同的用户看起来有所不同。为什么？
- 9
为什么Firefox中的Bootstrap 3日期输入与Chrome相比看起来有所不同？
- 10
为什么离子复选框在Android上看起来有所不同？
- 11
为什么在通过x-terminal-emulator运行时urxvt看起来有所不同？
- 12
为什么与其他所有浏览器一样，我在Chrome中的利润率看起来有所不同
- 13
为什么与其他所有浏览器一样，我在Chrome中的利润率看起来有所不同
- 14
相同的CSS和HTML代码，但在2页上看起来有所不同
- 15
CSS-手机上的按钮与检查元素移动视图上的按钮看起来有所不同
- 16
我的GNOME 3看起来有所不同吗？
- 17
XAMARIN表单-为什么同一表单在iOS和Android上看起来有所不同
- 18
Delphi XE / Windows7：为什么MCL应用程序中的VCL控件看起来有所不同？
- 19
为什么在从Netbeans运行的Java应用程序和从Jar运行的Java应用程序中，相同的字体看起来有所不同？
- 20
XAMARIN表单-为什么同一表单在iOS和Android上看起来有所不同
- 21
真棒字体：图释在我的电脑上看起来与实际网页上有所不同
- 22
Imageview在不同的大小和密度下看起来有所不同
- 23
JButton字体在不同的PC上看起来有所不同
- 24
HTML视频在不同的计算机上看起来有所不同
- 25
CSS覆盖和屏幕混合模式在手机和笔记本电脑上看起来有所不同
- 26
Android：AlertDialog在片段上看起来有所不同
- 27
在iOS中使用时UIImage看起来有所不同
- 28
包含在页面中时，SVG图标看起来有所不同
- 29
相同的图像数据在相同的颜色图下看起来有所不同
我来说两句