[{"data":1,"prerenderedAt":68},["ShallowReactive",2],{"tool-content-en-font-preview":3},{"id":4,"title":5,"body":6,"description":58,"extension":59,"locale":60,"meta":61,"navigation":62,"path":63,"seo":64,"stem":65,"toolId":66,"__hash__":67},"tools\u002Ftools\u002Fen\u002Ffont-preview.md","Font Preview",{"type":7,"value":8,"toc":51},"minimark",[9,14,18,22,25,29],[10,11,13],"h2",{"id":12},"font-stacks-and-local-fonts","Font stacks and local fonts",[15,16,17],"p",{},"Preview eight curated stacks (system sans, serif, mono, rounded, geometric, humanist, CJK sans, and CJK serif) against your own text. In Chromium browsers you can also grant access to your installed fonts via the Local Font Access API and pick any typeface by its PostScript name — other browsers fall back to the stacks.",[10,19,21],{"id":20},"typography-controls","Typography controls",[15,23,24],{},"Tune font size (8–96px), weight (100–900), line height (0.8–3), letter spacing (-5 to 20px), and italic. Everything updates live in the editable sample area, which ships with an English pangram and a Chinese sentence you can replace.",[10,26,28],{"id":27},"export","Export",[15,30,31,32,36,37,36,40,36,43,46,47,50],{},"Copy the generated ",[33,34,35],"code",{},"font-family",", ",[33,38,39],{},"font-size",[33,41,42],{},"font-weight",[33,44,45],{},"line-height",", and ",[33,48,49],{},"letter-spacing"," declaration for any configuration. Your settings and sample text are saved in this browser. All processing happens locally.",{"title":52,"searchDepth":53,"depth":53,"links":54},"",2,[55,56,57],{"id":12,"depth":53,"text":13},{"id":20,"depth":53,"text":21},{"id":27,"depth":53,"text":28},"Compare font stacks and your installed fonts with adjustable size, weight, line height, and letter spacing. All local.","md","en",{},true,"\u002Ftools\u002Fen\u002Ffont-preview",{"title":5,"description":58},"tools\u002Fen\u002Ffont-preview","font-preview","l6soTEX8-Erc95-o5BiMiJbAPrNmX-I32YniEvpXGeQ",1792391417634]