The Ultimate Guide to Font Performance Optimization | DebugBear
Font performance optimization is a set of web development techniques that make fonts load faster and render more smoothly. They involve practices such as thoughtful font selection, the use of performant font formats, self-hosting, optimized @font-face declarations, font display strategies, and more. Optimizing the fonts displayed on your website comes with many web performance advantages, includin
Font with Built-In Syntax Highlighting
Note: I received a lot of great feedback from the discussions at Mastodon and Hacker News, so I've updated the post with some improvements to the font! I've also added some further examples and acknowledgements at the end. Syntax Highlighting in Hand-Coded Websites The problem I have been trying to identify practical reasons why hand-coding websites with HTML and CSS is so hard (by hand-coding, I
typlr.app — web based font editor. Make your fonts online
Hi!My name is Evgeny Agasyants. I create fonts and I enjoy programming. One day, I thought, "Why not combine these two passions in one big hobby?" This is how typlr.app font editor came to be. So far, the editor isn't perfect, but small updates have been released every week. You can now try contour drawing, component creation, paired kerning, and saving work in Truetype format. I'm making the edit
奇妙な「ツ」と「ノ」と右括弧 Discordの新フォント"gg sans"が抱える問題とその背景
2022年12月1日、Discordはカスタマイズされたオリジナルのフォント「gg sans」を導入しました。ggは"Good Game"に由来するようです。Web フォントなどを利用して Discord 上の表示がこのフォントに順次切り替わる予定です。 補足 / UPDATE 2022/12/03 14:37 JST DiscordのCEO（Jason氏）より返事があり、ツとノの字形がgg sansから削除されたとのことです。右括弧は現時点で残っているようです（これは当初のわたしの指摘がツとノのみに限られていたせいです）。 2022/12/04 14:55 JST 12/3時点でJason氏からの返信に右括弧が残っているという旨を補足しました。 12/4 午前にDiscordのエンジニア Brandon氏より連絡があり、括弧等の修正が完了したとのことです。 こちらで確認する限り、CJK関
LINE Seed
LINE Seed Licensing All content of LINE Seed is copyrighted material owned by LY Corp. All fonts are released under the SIL Open Font License, Version1.1. This license is also available with a FAQ at: https://scripts.sil.org/OFL You can use them for any personal or commercial purposes. However, the software font files themselves cannot be sold by the other parties other than LY Corp. For commercia
FontFaceSet: check() method - Web APIs | MDN
CSS Font Loading APIFontFaceSetInstance propertiesreadysizestatusInstance methodsadd()check() clear()delete()entries()forEach()has()keys()load()values()EventsloadingloadingdoneloadingerrorInheritanceEventTargetRelated pages for CSS Font Loading APIDocument.fontsFontFaceFontFaceSetLoadEventWorkerGlobalScope.fonts The check() method of the FontFaceSet returns true if you can render some text using t
縦書きHTMLにおける文字の向きはどのように定まるか - ドワンゴ教育サービス開発者ブログ
ドワンゴ教育事業Webフロントエンドチームの berlysia です*1。 はじめに この記事では、日本語の縦書きHTMLにおいて、「ある1文字が縦組みのなかで違和感なく縦書きとして表示される」とはどのように成り立っているのか、意図しない表記になりやすい文字とその理由について紹介します。 最後まで読むと、縦書き時の文字の縦横に関する問題をたちどころに分解できるようになるはずです。とりあえずフォントのせいだろうかと疑う日々には、これでおさらばしましょう*2。 はじめに N予備校における日本語縦書きHTML CSS の関連仕様 日本語の一般的な縦書きに設定する うまくいかないことが起こりやすい文字たち うまくいかない文字がうまくいかない理由を理解する 縦書きを考慮した文字の周りの方向の定義 CSS における縦書きでの文字の縦横 upright typesetting sideways type
The Surprising Truth About Pixels and Accessibility
IntroductionShould I use pixels or ems/rems?!This is a question I hear a lot. Often with a dollop of anxiety or frustration behind the words. 😅 It's an emotionally-charged question because there are a lot of conflicting opinions out there, and it can be overwhelming. Maybe you've heard that rems are better for accessibility. Or maybe you've heard that the problem is fixed and pixels are fine? The
IPA furigana
Looks up the readings for kanji words and inserts them as furigana
Subsetting Font Awesome to Improve Performance | CSS-Tricks
Font Awesome is an incredibly popular icon library. Unfortunately, it’s somewhat easy to use in a way that results in less-than-ideal performance. By subsetting Font Awesome, we can remove any unused glyphs from the font files it provides. This will reduce the number of bytes transmitted over the wire, and improve performance. Let’s subset fonts together in a Font Awesome project to see the differ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - 0xType/0xProto: A programming font focused on source code legibility
GitHub - githubnext/monaspace: An innovative superfamily of fonts for code
GitHub - vercel/geist-font
GitHub - Homebrew/homebrew-cask-fonts: 💀 Casks of Ｆ🅾𝓝𝐓𝚂 (deprecated)
Modern Font Stacks
Font Library
Mona Sans & Hubot Sans
Font Family and @supports
1001 Fonts .com
Release v2.0.0 · foliojs/fontkit