搜索
首页web前端css教程字体重量:300被认为有害

许多现代网页在其样式表中设置 font-weight: 300。对于我偏爱的 DejaVu Sans 字体来说,这会导致文本非常细且轻,难以阅读,因为某些原因,系统会使用“DejaVu Sans ExtraLight”(粗细为 200)变体来代替。

为什么人们会设置 font-weight: 300 呢?可能是 Mac 用户。在我的 macOS Catalina 计算机上,看看默认内置字体在 400 和 300 之间的区别。

我不会责怪设计师在某些情况下使用 300 粗细。事实上,11 年前我发布了一个名为“更好的 Helvetica”的代码片段,其中提到了这一点:

<code>body {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
}</code>

但是对于 Tomáš 来说,他的默认字体是 DejaVu Sans(许多 Linux 和 Android 系统的默认字体),当字体如此细的时候,就很难阅读了。问题的一部分是,如果备用字体碰巧没有 300 粗细,规范规定它可以回退到 100,如果需要的话。我相信这个的专业术语是 非常非常细

我自己会尽量避免这种情况(或者在我加载我知道有 300 粗细的网络字体时使用它),但是如果这在许多网站上困扰你,请查看 Tomáš 的文章以了解如何在你的计算机上修复这个问题。这实际上让我想起了不同的修复级别。

直接链接 →

font-weight: 300 considered harmful

以上是字体重量:300被认为有害的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
使用'盒子阴影”和剪辑路径一起使用'盒子阴影”和剪辑路径一起Apr 22, 2025 am 11:13 AM

让我们对您可以做一些有意义的事情做一些逐步的情况,但是您仍然可以用CSS欺骗来完成它。在这个

关于MailTo:链接关于MailTo:链接Apr 22, 2025 am 11:04 AM

您可以制作花园品种锚点()打开一封新电子邮件。让我们在此功能上进行一些旅程。它非常易于使用,但是

它非常酷它非常酷Apr 22, 2025 am 11:03 AM

这里的小供认:当我第一次看到Netlify CMS一目了然时,我想:很酷,也许我有一天会在我探索一个新项目的CMS时尝试一下。然后

用珀西测试视觉回归用珀西测试视觉回归Apr 22, 2025 am 11:02 AM

这是测试的艰巨任务

Edge成为Chromium:这对前端开发人员意味着什么?Edge成为Chromium:这对前端开发人员意味着什么?Apr 22, 2025 am 10:58 AM

2018年12月,微软宣布Edge将采用铬铬,这是为Google Chrome提供动力的开源项目。行业中的许多人反应

Gutenburg驱动的新闻通讯Gutenburg驱动的新闻通讯Apr 22, 2025 am 10:57 AM

我喜欢新的WordPress编辑器Gutenberg。我没有忽略有关可访问性,UX和准备就绪的所有对话,但我知道这有多难

使用进行菜单和对话是一个有趣的主意使用进行菜单和对话是一个有趣的主意Apr 22, 2025 am 10:56 AM

使用菜单可能是一个有趣的主意,但也许不是实际运送的东西。请参阅“更多详细信息”

与剧作家的自动视觉回归测试与剧作家的自动视觉回归测试Apr 22, 2025 am 10:54 AM

通过视觉回归测试,我们可以更新页面,在事实之前和之后进行屏幕截图,并比较意外更改的结果。在本文中,了解如何使用剧作家设置视觉回归测试。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

mPDF

mPDF

mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境