[{"data":1,"prerenderedAt":79},["ShallowReactive",2],{"\u002Fworks\u002Flocal-font-emulator":3},{"id":4,"title":5,"body":6,"description":12,"extension":62,"github":63,"images":64,"meta":68,"navigation":69,"order":70,"path":71,"period":72,"seo":73,"stem":74,"tech":75,"__hash__":78},"works\u002Fworks\u002Flocal-font-emulator.md","Local Font Emulator",{"type":7,"value":8,"toc":56},"minimark",[9,13,26,30,39,42,45],[10,11,12],"p",{},"ローカルフォントの一覧を取得し、それらをブラウザ上で表示することができる Web アプリです。",[10,14,15,16,25],{},"※ ブラウザの ",[17,18,21],"a",{"href":19,"target":20},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FLocal_Font_Access_API","_blank",[22,23,24],"code",{},"Local Font Access API"," を利用しているため、デスクトップ版の Google Chrome でのみ利用できます。",[27,28,29],"h2",{"id":29},"リンク",[31,32,33],"ul",{},[34,35,36],"li",{},[17,37,5],{"href":38,"target":20},"https:\u002F\u002Fnewt239.github.io\u002Flocal-font-emulator\u002F",[27,40,41],{"id":41},"機能について",[10,43,44],{},"和文フォントフィルターを搭載しています。",[10,46,47,48,51,52,55],{},"ウェブブラウザにはフォントのフォールバック機能が搭載されているため、フォントに該当の文字が存在しない場合代替のフォントが表示されています。Local Font Emulator では CSS の",[22,49,50],{},"font-family","プロパティで、2 つ目のフォントに",[22,53,54],{},"Tofu","を設定することで、文字が存在しなかった場合に豆腐文字が表示されるようにしています。",{"title":57,"searchDepth":58,"depth":58,"links":59},"",2,[60,61],{"id":29,"depth":58,"text":29},{"id":41,"depth":58,"text":41},"md","newt239\u002Flocal-font-emulator",[65],{"src":66,"alt":67},"local-font-emulator.webp","黄色の角丸ブロックをレンガ状に配置し、太字黒文字で 「Local Font Emulator」と記載。右中段のブロックに「newt239 \u002F local-font-emulator」のリポジトリ名が小さく入ったビジュアルバナー。",{},true,null,"\u002Fworks\u002Flocal-font-emulator","2023.04 - 2023.05",{"title":5,"description":12},"works\u002Flocal-font-emulator",[76,77],"React","Mantine","WWLGp_6CbTSHhOwyvMZ1wAMeitYTYHpqEv-P-VV8a-U",1775013670089]