首先启用Safari开发者菜单，进入偏好设置的高级选项并勾选“在菜单栏中显示开发菜单”；接着访问目标网页，通过“开发”菜单打开“显示网页检查器”，在元素列表中选择文字标签，右侧样式面板将显示font-family属性值，即所用字体；对于动态加载的Web字体，可切换至控制台选项卡，执行JavaScript代码Array.from(document.fonts).forEach(font => console.log(font.family, font.status))，查看页面所有已注册字体的名称与加载状态。
如果您在浏览网页时需要了解其使用的具体字体，以便进行设计参考或开发调试，则可以通过 Safari 浏览器的开发者工具来查看。以下是详细的操作步骤：
本文运行环境：MacBook Pro，macOS Sonoma
一、启用 Safari 开发者菜单
在使用 Safari 查看网页字体前，需先开启内置的开发者工具，该功能默认处于关闭状态，启用后可访问页面元素检查功能。
1、打开 Safari 浏览器，点击顶部菜单栏的 Safari，选择“偏好设置”。
2、切换到 高级 标签页。
3、勾选底部的“在菜单栏中显示开发菜单”选项，此时菜单栏将出现“开发”项。
二、使用检查器查看网页字体
通过开发者工具中的“检查器”，可以深入分析网页的 HTML 和 CSS 结构，从而获取当前页面所应用的字体信息。
1、访问您想查看字体的网页。
2、点击菜单栏的 开发，然后选择“显示网页检查器”。
3、在检查器左侧的元素列表中，使用鼠标悬停或点击选择目标文字所在的标签。
4、右侧的样式面板会实时显示该元素的 CSS 属性，查找 font-family 属性，其值即为该文字所使用的字体列表。
三、通过控制台获取动态字体信息
对于通过 JavaScript 动态加载的字体（如 Web Fonts），可通过控制台执行脚本命令来列出页面所有已加载的字体资源。
1、确保网页已完全加载，并保持“网页检查器”开启。
2、切换到检查器顶部的 控制台 选项卡。
3、输入以下代码并按回车执行：Array.from(document.fonts).forEach(font => console.log(font.family, font.status));
4、控制台将输出页面中所有注册字体的名称及其加载状态，便于排查自定义字体是否成功应用。
