检查网页上使用的字体
发布于2024-08-01
浏览：326
情况
因为我目前正在学习next.j。我正在学习下一个团队创建的课程 (https://nextjs.org/learn)。
有一个与字体和图像优化相关的部分。
老实说，我从来没有太关注字体以及网页上的某个元素使用哪些字体。
但通过阅读这些材料，我意识到你能够做到这一点。您可以找出某个元素使用了哪些字体。您可以在页面上拥有多种自定义字体，这可能很有用。
当我使用 Chrome 作为默认浏览器时，我打开了开发工具并检查了使用的字体。
这看起来很糟糕并且没有太多信息。
但是我在 Firefox 中做了同样的事情，并且 Firefox 似乎有更多关于字体的选项。您可以通过它的编辑器更改大小、行高、间距、粗细。这似乎非常有用，特别是当您试图找出最适合某个元素的字体属性时。
我的想法
这些关于字体的发现提醒我，当我过去在布局方面遇到一些麻烦时，我可以在 Firefox 中比在 Chrome 中进行更好的调试。
Firefox 似乎更关心 CSS 的东西，以使 FE 开发比 Chrome 更加流畅。我想我下次在做 CSS 工作时应该考虑到这一点，并使用 Firefox 作为默认浏览器！
干杯。祝你有美好的一天！
版本声明
本文转载于：https://dev.to/machy44/check-used-fonts-on-a-webpage-29cn?1如有侵犯，请联系[email protected]删除
最新教程
更多>
-
Bootstrap 4 Beta 中的列偏移发生了什么？Bootstrap 4 Beta：列偏移的删除和恢复Bootstrap 4 在其 Beta 1 版本中引入了重大更改柱子偏移了。然而，随着 Beta 2 的后续发布，这些变化已经逆转。从 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中， offset-md-*...编程 发布于2024-12-18 -
插入数据时如何修复“常规错误：2006 MySQL 服务器已消失”？插入记录时如何解决“一般错误：2006 MySQL 服务器已消失”介绍：将数据插入 MySQL 数据库有时会导致错误“一般错误：2006 MySQL 服务器已消失”。当与服务器的连接丢失时会出现此错误，通常是由于 MySQL 配置中的两个变量之一所致。解决方案：解决此错误的关键是调整wait_tim...编程 发布于2024-12-18
-
如何修复 macOS 上 Django 中的“配置不正确：加载 MySQLdb 模块时出错”？MySQL配置不正确：相对路径的问题在Django中运行python manage.py runserver时，可能会遇到以下错误：ImproperlyConfigured: Error loading MySQLdb module: dlopen(/Library/Python/2.7/site-...编程 发布于2024-12-18
-
如何使用 MySQL 查找今天生日的用户？如何使用 MySQL 识别今天生日的用户使用 MySQL 确定今天是否是用户的生日涉及查找生日匹配的所有行今天的日期。这可以通过一个简单的 MySQL 查询来实现，该查询将存储为 UNIX 时间戳的生日与今天的日期进行比较。以下 SQL 查询将获取今天有生日的所有用户： FROM USERS ...编程 发布于2024-12-18
-
尽管代码有效，为什么 POST 请求无法捕获 PHP 中的输入？解决 PHP 中的 POST 请求故障在提供的代码片段中：action=''而不是：action="<?php echo $_SERVER['PHP_SELF'];?>";?>"检查 $_POST数组：表单提交后使用 var_dump 检查 $_POST 数...编程 发布于2024-12-18
-
除了“if”语句之外：还有什么地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型？无需强制转换即可上下文转换为 bool您的类定义了对 bool 的显式转换，使您能够在条件语句中直接使用其实例“t”。然而，这种显式转换提出了一个问题：“t”在哪里可以在不进行强制转换的情况下用作 bool？上下文转换场景C 标准指定了四种值可以根据上下文转换为的主要场景bool:语句：if、whi...编程 发布于2024-12-18
-
在 Go 中使用 WebSocket 进行实时通信构建需要实时更新的应用程序（例如聊天应用程序、实时通知或协作工具）需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方！今天，我们将探讨如何在 Go 中使用 WebSocket，以便您可以向应用程序添加实时功能。 在这篇文章中，我们将介绍： WebSoc...编程 发布于2024-12-18
-
如何在 PHP 中组合两个关联数组，同时保留唯一 ID 并处理重复名称？在 PHP 中组合关联数组在 PHP 中，将两个关联数组组合成一个数组是一项常见任务。考虑以下请求：问题描述：提供的代码定义了两个关联数组，$array1 和 $array2。目标是创建一个新数组 $array3，它合并两个数组中的所有键值对。 此外，提供的数组具有唯一的 ID，而名称可能重合。要求...编程 发布于2024-12-18
-
CSS3 过渡是否提供事件来检测起点和终点？了解 CSS3 过渡事件CSS3 过渡允许在 Web 元素上实现流畅的动画和视觉效果。为了增强用户体验并使操作与这些转换同步，监控其进度非常重要。本文解决了 CSS3 是否提供事件来检查过渡何时开始或结束的问题。W3C CSS 过渡草案W3C CSS 过渡草案规定CSS 转换会触发相应的 DOM 事...编程 发布于2024-12-18
-
Java 中可以手动释放内存吗？Java 中的手动内存释放与垃圾回收与 C 不同，Java 采用托管内存框架来处理内存分配和释放由垃圾收集器 (GC) 自动执行。这种自动化方法可以提高内存利用率并防止困扰 C 程序的内存泄漏。Java 中可以手动释放内存吗？由于 Java 的内存管理是由GC，它没有提供像 C 中的 free() ...编程 发布于2024-12-18
-
Java 1.6 中如何可靠地确定文件是否为符号链接？在 Java 1.6 中验证符号链接确定符号链接的存在对于各种文件处理操作至关重要。在 Java 中，识别符号链接时需要考虑一些潜在问题，特别是在目录遍历的上下文中。检查符号链接的一种常见方法是比较文件的绝对路径和规范路径。规范路径表示文件的标准化路径，而绝对路径可能包括符号链接。传统上，概念是如果...编程 发布于2024-12-17
-
如何使背景颜色透明，同时保持文本不透明？背景颜色的不透明度而不影响文本在 Web 开发领域，实现透明度通常对于增强视觉吸引力和网站元素的功能。一项常见的要求是对 div 背景应用透明度，同时保留所包含文本的不透明度。这可能会带来挑战，特别是在确保跨浏览器兼容性方面。rgba 解决方案最有效且得到广泛支持的解决方案是利用“RGBA”(红、绿...编程 发布于2024-12-17
-
PHP 字符串比较：`==`、`===` 或 `strcmp()` – 您应该使用哪个运算符？PHP 中的字符串比较：'=='、'===' 或 'strcmp()'？PHP 中的字符串比较PHP 可以使用不同的运算符来完成，例如“==”、“===”或“strcmp()”函数。此比较涉及检查两个字符串是否相等。'==' 与 ...编程 发布于2024-12-17
-
如何自定义操作栏的按钮和外观？自定义操作栏的按钮和外观要实现所需的自定义操作栏外观，请考虑以下步骤： 1.创建自定义操作按钮要将图像包含为按钮，请通过扩展 Button 类来定义自定义视图。然后可以将此自定义视图显示在 ActionBar 上，如下所示：<Button android:id="@ id/m...编程 发布于2024-12-17
学习中文
- 1 走路用中文怎么说？走路中文发音，走路中文学习
- 2 坐飞机用中文怎么说？坐飞机中文发音，坐飞机中文学习
- 3 坐火车用中文怎么说？坐火车中文发音，坐火车中文学习
- 4 坐车用中文怎么说？坐车中文发音，坐车中文学习
- 5 开车用中文怎么说？开车中文发音，开车中文学习
- 6 游泳用中文怎么说？游泳中文发音，游泳中文学习
- 7 骑自行车用中文怎么说？骑自行车中文发音，骑自行车中文学习
- 8 你好用中文怎么说？你好中文发音，你好中文学习
- 9 谢谢用中文怎么说？谢谢中文发音，谢谢中文学习
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
