网页的默认字体,如何修改网页的默认字体
发布网友
发布时间：2024-08-18 18:58
共1个回答
热心网友
时间：2024-08-31 08:58
因此我们需要统一设置默认字体样式，以实现一致的显示效果，从而确保设计的一致性并提高开发效率.
样式优先级通常，用户看到的页面样式将由三层控制: 第一层是浏览器的默认样式，第二层是网页定义样式，第三层是用户-定义的样式，与CSS相同. 优先级高于上一个优先级，这意味着网页定义样式可以覆盖浏览器的默认样式，并且用户定义样式具有最高优先级.
但是，当有！important时，网页样式可以覆盖用户定义的样式.
用户！重要的网页！重要的用户网络浏览器的默认设置.
字体: Arial我们页面上的大多数字符都是中文. 毫无疑问，在网络上显示中文的最常用和最常见的字体是Song Ti，但是Song Ti显示英文，数字和英文符号. 太糟糕了，例如字符，因此我们通常希望CSS实现更好的字体样式来显示它们，然后使用Song Ti来显示中文和中文符号.
选择arial的原因是，该字体已预先安装在Windows和Mac上，并且应该是使用最广泛的网络字体.
它的潜在竞争对手塔希玛（Tahoma）和Helvetica并不是那么幸运.
视觉设计人员可能会认为，在Windows中使用tahoma和在Mac中使用helvetica更好. 例如，淘宝的默认字体样式是以下字体: 12px / 1 Tahoma，Helvetica，Arial，5b8b4f53，sans-serif；这是一个很好的选择，但是您还会发现Google，YAHOO，Youtube，Bing甚至MSN的新版本都使用arial作为第一个默认字体.
因此，从美学和可读性方面来说，arial应该是完全可以接受的.
在通常情况下，设置字体家族将在最后建立通用字体家族，以确保其安全性. 例如，Google的设置为font-family: arial，sans-serif ;但至少应在非中文版本的Win7中进行编码. 当它为GBK时，由于sans-serif，IE8将呈现Times New Roman字体. ，导致字体变形. 这就是为什么淘宝需要在sans-serif之前添加Times New Roman字体，而Google不需要这样做.
因为中文字体的选择非常有限，所以当前所有主流浏览器都设置为使用Song Ti来显示中文.
百度的首页和搜索结果页面使用font-family: arial;安全性可以从侧面进行解释.
有些人可能已经注意到，Firefox中国版中显示的默认中文字体是Microsoft Yahei. 这是因为Mouzhi Networks未经授权修改了用户定义的样式，并且不允许网页样式覆盖浏览器设置的样式.
由于类似的情况，因此灵活设计网页非常重要.
使用英语字体作为第一种默认字体引起的问题之一是中文和英文以及符号混合时的对齐问题. 设置行高和hasLayout可以解决大多数情况，但这并不完美. 将字体更改为Song Ti可以完全解决问题.
显然，此问题仅在IE上发生.
因此，如果您的网站很少使用英文，数字和英文符号，那么设置{font-family: 5b8b4f53;}也是一种合理的选择.
大小: 12px12px是Song Sports的显示限制. 尽管Microsoft Yahei可以显示较小的字体，但当前的应用程序环境尚未成熟.
由于Song Ti基本上是当前显示中文的唯一通用网络字体，因此12px已成为最常用的字体大小.
当然，我们可以根据产品的需要修改此默认值.
不要考虑基于字体大小（em）的设计.
在Chrome3.0之后的中文版本中，最小字体为12px. 例如，如果将最小字体设置为10px，则最后将变为12px.
线高: 这是经验值的1.5倍. 不同的产品可能对此值有不同的要求，但是我们通常将最常用的设置为默认值.
例如，YUI的字体为font: 13px / 1.231 arial，helvetica，clean，sans-serif；也就是说，默认字体大小为13px，行高为13 * 1.231 = 16.003px，默认行高为默认字体1.231倍.
对于中文，常用的字体大小为12px，14px，16px，18px和其他偶数大小. 在某些特殊情况下，在IE6和IE7中将行高设置为偶数可以解决字体对齐问题.
在IE6和IE7中，行高值必须大于字体的2px，以确保用作链接时字体的完整显示或下划线的有效显示.
设置行高时，请注意不要使用单位（包括％），因为子节点将继承计算出的行高值，因此，使用单位时，浏览器将计算行高. 作为第一个，第二个定义的绝对值不随字体大小的变化而变化，并且无单位值是容器字体大小的倍数，因此设置无单位值是最佳选择.
深入的CSS行高对于了解行高非常有帮助，值得阅读.
性能和效率大多数平台都有arial，可减少浏览器的搜索时间.
代码最少，易于编写.
arial基本上是名称最短的字体，可以节省CSS大小.
所有字母均为小写. 这就是Google目前正在做的事情. 优点是可以更快地编写并提高Gzip压缩的效率.
中文最好用unicode表示. 例如，使用Times New Roman是{font-family: 5b8b4f53;}，而使用Microsoft Yahei是{font-family: 5fae8f6f96c59ed1;}. 这样的好处是可以避免编码问题并获得主流浏览器的所有支持.
使用正确的字体类型，避免使用引号，因为引号可以减小CSS的大小.
