GitHub - adobe-fonts/adobe-blank-vf: Adobe Blank VF & Friends
Adobe Blank VF & Friends are a set of special-purpose Variable Fonts that are intended to render all Unicode code points using variable-spacing glyphs that are non-marking (Adobe Blank VF and Adobe Blank 2 VF) or marking (Adobe Black VF and Adobe Black 2 VF). These Variable Fonts are based on Adobe Blank and Adobe Blank 2, which differ in that the former font includes 2,048 functional glyphs (GIDs
Web フォントを使って contenteditable から脱出する - LINE ENGINEERING
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog こんにちは、LINE フロントエンド開発センターの玉田です。突然ですが、本日よりフロントエンド開発に携わる UIT のエンジニアが持ち回りで記事を公開する「UIT 新春 Tech blog」を開催します。 UIT のメンバーが普段の業務で得た知識や、年末年始でたまった知見などを共有していきます。本記事の公開から 1 月 28 日 (金) まで、平日の毎日違うメンバーが記事を公開していきます。ぜひ最後まで見に来てください！ トップバッターは私から、フロントエンドエンジニアを悩ませる contenteditable からの脱却についてです。 contenteditable の呪い みなさんは contenteditable につい
Webフォント読み込み戦略（2021年） - MOL
Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標をセンターに入れて、display=swap…』と盲目的に考えるようになってた。 おさらいとして display=swap では、まず代替フォントを表示し、Webフォントをダウンロードしたら、随時スワップするという挙動になる。この場合、代替フォントからWebフォントへ切り替わる FOUT (flash of unstyled text) が起こってしまう。こんな感じ↓ 出典：font-face descriptor playground まぁ何も表示されないよりかは良いかと思うわけだが、時は流れ、最近ではWebの指標として、Web Vitalsという
display=swapとはなにか - MOL
Shipped! @GoogleFonts now let's you control web font loading using font-display. Say hello to the display parameter 🎉 What's font-display? https://t.co/Q7RDeESwkm pic.twitter.com/sn27ySza1B — Addy Osmani (@addyosmani) May 15, 2019 Google I/0 2019に参加してきたのだが、Google Fontsがfont-display: swap;に対応するとかで盛り上がってるのを横目で見てた（5/15の時点で対応済とのこと）。 最近はCSSもなにもコードを書いていないので、世間に疎くて困るのでリハビリする。 The font display timeline 図
ch単位を使ったカラム幅指定 - Weblog - Hail2u.net
コンテンツのカラム幅は半角英数で45から75文字という説がある。それをem単位に直すとおおよそ25emから35emと考えられるが、実際にはフォントの横幅に依存する。一方CSSにはch単位というフォントの横幅によって変化する単位がある。ということはこの単位を幅や横方向の余白に利用すると、使用されるフォントに応じてカラム幅が適切に変化するはずだ……が、そうは問屋が卸さなかった。 利用はそれほど難しくない。ch単位は半角数字の0の横幅で決定されることさえ頭に入れておけばそれでよい。45から75文字を直すならそのまま45chから75chになるわけだ。一部でどうしても(r)em単位と組み合わせたい場合も出てくるだろうが、その場合はcalc()関数を使える。これでぱっと見はうまくいく。 しかしながらウェブフォントとの相性が非常に悪い。ウェブフォントの読み込み中と読み込み完了後でch単位の基準が変わって
Google Fonts + Japanese • Google Fonts + 日本語
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
The Typekit Blog | Regarding the Flash of Unstyled Text in Chrome 50
This is old news! We’ve addressed this, and made substantial performance improvements to boot; you’ll find the full story in our updated article. The original post is available below. Version 50 of Google’s Chrome web browser introduced a change to asset loading behavior that affects how Typekit fonts load. Let’s look at exactly what changed in Chrome, review font loading best practices, and ident
TypeSource
Here is Edward Bear, coming downstairs now, bump, bump, bump, on the back of his head, behind Christopher Robin. It is, as far as he knows, the only way of coming downstairs, but sometimes he feels that there really is another way, if only he could stop bumping for a moment and think of it. And then he feels that perhaps there isn't. Anyhow, here he is at the bottom, and ready to be introduced to
The Typekit Blog | 日本のお客様へ。日本および東アジアのWebフォントへの対応と新しいフォント選択ツールに関するお知らせ。
日本のお客様へ。日本および東アジアのWebフォントへの対応と新しいフォント選択ツールに関するお知らせ。 4つのチームが、3つの大陸、5つの時間帯に分かれ、その長年の作業を終え、TypekitのWebフォントサービスが拡張され、日本語、中国語、および韓国語用のフォントにも対応しました。 私どもの日本（および東アジア向け）書体ライブラリーを、デスクトップ用フォントとして同期可能にするだけでなく、お客様のWebサイトでもご利用可能となり、小塚明朝と小塚ゴシックのファミリーに加えて、従来のアドビの書体ライブラリーに含まれていた平成書体、かづらき、および、りょうの書体ファミリーがTypekitのコレクションに加わりました。 ダイナミックなサブセット化 日本語フォントを含む東アジア用フォントのサイズは巨大です。昨年、源ノ角ゴシック（Source Han Sans）をリリースしましたが、日本語用の文字が
Annuity Help - Expert Annuity Advice
Selling Your Annuities? Here is What You Need to Know Home / Selling Your Annuities? Here is What You Need to Know What Is An Annuity? An annuity is a product sold by insurance companies that requires the company to pay you a set amount of money over a specific period. An annuity is often purchased as an insurance that an individual will receive as an income post-retirement. Payment may be receive
Opera News
Desktop, Opera for iOS Opera wins two 2025 iF Design Awards May 15th, 2025 Hey all, Today, we’re proud to announce that Opera has won two 2025 iF Design Awards: one each for Opera... Desktop Opera Air gets performance lift, quality of life improvements, and a new unboxing experience April 30th, 2025 Hey there, We’re back with another round of updates to Opera Air. This time we’ll take you through
日本語Webフォントの革命 - 3846masa's memo
日本語Webフォントに革命がおきた． 詳しくは続きを読んでくれ． ちょっと大きく出てみた． 実装についての記事はこちら この記事で言いたいこと 動的に日本語フォントのサブセットを作成してくれるOSSを作りました． サンプルページはこちら 臨時のサンプルページはこちら 追記 herokuが落ちてる，メモリ不足だな．早い所Dockerfileつくろう． 追追記 herokuで運用は再検討したほうがよさそう．「こういうこともできます」の事例ということでひとつ． （やっぱり普通のサーバで動かす分には大丈夫そうな気がする．どうだろう） そんなわけで，どうぞご利用ください。 （ちなみに粗い作りなので，pull-requestやissue投稿をしてくださると嬉しいです．） 何が革命なんだ 革命が起きたというけど，どこが革命なの？ 僕には革命が起きたようには思えないけど そんなこと言わんといて，泣くわ．
CSS Font LoadingとFont Face Observer、Web Font Loader
CSS Font LoadingとFont Face Observer、Web Font Loader ウェブ標準であるCSS Font Loadingが気軽に使えるようになるにはまだまだ時間がかかりそうだ。そのポリフィルであるFont Loaderは動作が不安定かつ開発が止まっており信用できない。代替技術としてはポリフィルと同じ開発者が積極的にコミットしているFont Face Observerと、広く使われているWeb Font Loaderがある。同じフォントの読み込みを検知する場合、この三者ではどのようにコードが変わってくるのだろうか。 以下のコード例では、自前でホスティングしているOpen Sansの読み込みが完了・失敗したらbody要素にクラスを振るという単純なケースを書き分ける。 CSS Font Loading仕様はPromiseによる実装で、読み込み待ちはPromiseで
riaxdnp.jp - このウェブサイトは販売用です！ - riaxdnp リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Ten reasons we switched from an icon font to SVG
We use a lot of icons on lonelyplanet.com and recently went through the task of transferring them from an icon font to SVG files. I wanted to share why we did this along with some of the drawbacks to SVG and how we got around them. 1. Separation of concernsWe use a custom font on lonelyplanet.com and we used to bundle the icons into the same file, storing the glyphs within the Private Unicode Area
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - fontello/ttf2woff: Font convertor, TTF to WOFF, for node.js
GitHub - fontplus/web-typography-glossary: Webタイポグラフィの基礎知識と実践
GitHub - bramstein/fontfaceobserver: Webfont loading. Simple, small, and efficient.
GitHub - ecomfe/fontmin: Minify font seamlessly
What is WOFF2 and how do I enable it? | Fonts.com