如何查看网站中使用的是什么字体

当今市场上的许多生产力应用程序一样,创建浏览器扩展程序是为了提高生产力。多年来,作为一名网页设计师和开发人员,我亲身体验到能够分辨出网站上正在运行的字体是必须的。

是的,您可以从开发人员选项轻松进入检查器模式,以查看网页及其元素的构成,但这个过程是一条漫长的道路。就个人而言,我宁愿在3次点击下看到我想要的东西,并且有这些浏览器扩展程序的用武之地。

Fontanello

我过去使用过几个字体扩展,但只有Fontanello一直困扰着我。它是Google Chrome的开源扩展,Firefox显示任何选定文本的基本排版样式。这些样式包括:字体系列、字体粗细、字体大小、行高和颜色。

丰塔内罗是如何工作的?选择任意文本组,然后单击鼠标右键以调用上下文菜单。在那里,将鼠标悬停在"Fontanello"上,您将看到文本样式。容易。

检查网站中使用的字体

WhatFont

WhatFont是另一个浏览器扩展程序,可以轻松识别网页上的字体。对于不想选择文本块以查看其属性的用户,WhatFont具有足够宽的弹出窗口,其中列出了字体系列、大小、样式、行高、粗细和颜色。它还包括字体库中字母表的示例文本。

WhatFont是如何工作的?单击扩展图标将其激活,然后将鼠标悬停在网页上的任何文本上。您会注意到WhatFont更时尚,因为它使用更有条理的弹出窗口,其颜色代码带有标记的标题和彩色框。它还支持Google Font API和Typekit。

WhatFont - 查找网站中使用的字体

根据您喜欢的工作流程,选择FontanelloWhatFont,因为您永远不需要进入开发人员模式来检查网站的字体属性。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容