如何查看网页的字体

当你浏览网页，看到一个好看的字体的时候，想知道它是什么字体，自己也想用一下这个字体。怎么知道呢？Firebug或者Webkit Inspector可以，但是不简单，有一个插件可解决。这就是WhatFont插件。例如我看到这个页面的代码很好看： ![[Pasted_image_20250608231522.png]] 我是在Firefox中看到的，就要在Firefox中看什么字体，如果放在chrome中，就有可能看到的效果不一样。在Firefox中先安装WhatFont插件，然后看下什么字体： ![[Pasted_image_20250608232034.png]]

这个字体是monospace，可是monospace也是操作系统映射的，一般在font.conf中。如何知道这个monospace到底被操作系统映射成什么字体的呢？

$ fc-match -v "monospace"
Pattern has 40 elts (size 48)
	family: "Noto Sans Mono"(w)
	familylang: "en"(s)
	style: "Regular"(s)
	stylelang: "en"(s)
	fullname: "Noto Sans Mono Regular"(w)
	fullnamelang: "en"(s)
	slant: 0(i)(s)
	weight: 80(f)(s)
	width: 100(f)(s)
	size: 12(f)(s)
	pixelsize: 12.5(f)(s)
	foundry: "GOOG"(s)
	antialias: True(w)
	hintstyle: 1(i)(w)
	hinting: True(s)
	verticallayout: False(s)
	autohint: False(s)
	globaladvance: True(s)
	file: "/usr/share/fonts/truetype/noto/NotoSansMono-Regular.ttf"(s)
	index: 0(i)(w)

可以看到，最终渲染的字体是“Noto Sans Mono Regular”，这个才是最终显示字体。我们也可以做个实验，找个WPS，用“Noto Sans Mono Regular”字体输入一段文字，看下效果，确实一样。 ![[Pasted_image_20250608232654.png]]