[B! webfont] animistのブックマーク

Index | blog.jxck.io

Archive 2024 2024-07-05 なぜブラウザエンジンは 1 つではダメなのか? または Ladybird への期待 2024-06-26 「1 分 de Web 標準」のやり方 at Web Developer Conference 2024 #wdc2024 2024-06-14 URL.parse を Chromium で Ship するまで 2024-06-12 Web Developer Conference 2024 開催告知 #wdc2024 2024-05-10 Reverse HTTP Transport が描く新しい Web サービスデプロイ構成 2024-05-07 Referrer-Policy の制限を強めると安全になるという誤解 2024-04-26 令和時代の API 実装のベースプラクティスと CSRF 対策 2024-03-27 RFC の

animist 2018/12/14

リンク

[移動しました]Webフォントによるちらつきをなくす方法（ネット低速環境も考慮） - Qiita

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

animist 2018/12/14

リンク

Google Fonts に新たに追加された日本語フォントを使ってみた - Qiita

お盆休み中に、Webフォント﹁Google Fonts﹂の日本語フォントに新たな書体が追加されたようなので、早速使ってみました。 https://fonts.google.com/?subset=japanese 使い方︵1︶使いたいフォント名の右上にある﹁＋﹂をクリック。﹇例﹈M PLUS 1p ︵2︶画面下に﹁1 Family Selected﹂と書かれた黒い帯が表示され、それをクリックするとウィンドウが開きます。︵3︶﹁EMBED﹂と﹁CUSTOMIZE﹂というリンクが表示されますが、まずは﹁CUSTOMIZE﹂へ移動し、日本語を追加します。 ↓ ﹃Languages﹄以下の﹃Japanese (Supported by M PLUS 1p)﹄というチェックボックスをチェック。︵4︶﹁EMBED﹂へ戻ると、必要な情報が表示されています。・HTML の head 内へ

animist 2018/10/30

リンク

Google Fontsに日本語WEBフォントが正式追加された話 - Qiita

先日、Google Fontsに日本語WEBフォントが正式追加されたようです。 WEBフォントを使用すると、どんなデバイスでも、どんなブラウザでも、同じフォントを使用することができるので良いですよね。︵自分は使いたい派ですｗというわけで、ちょっと紹介を。追加された日本語WEBフォント追加されたのは下記8種です。︵早期アクセスで提供されていたものとは少し違うらしい。 Noto Sans JP Noto Serif JP M PLUS 1p Sawarabi Mincho M PLUS Rounded 1c Kosugi Maru Sawarabi Gothic Kosugi フォントの公開ページは下記です。 https://fonts.google.com/?subset=japanese サンプルで表示してみるとこんな感じ。︵下記はキャプチャした画像です。自分は Kosugi Ma

animist 2018/10/30

リンク

正式版になった日本語Google Fontsは表示の高速化を期待できる | アイデアマンズブログ

正式版になった日本語Google Fontsは表示の高速化を期待できる表示高速化先月、Google Fontsに正式に追加された日本語フォントが表示の高速化が期待できるよさげな仕様になっています。 Google Fonts (日本語で絞り込み) 日本語Webフォントを自社のWebサーバーから配信していたり、Google Fontsの日本語フォント早期アクセスを利用しているサイトは乗り換えを検討しましょう！ Webデータ肥大化の伏兵WebフォントたいていのWebページで最も多くの容量を占めているのは画像ですが、最近は画像より日本語Webフォントの方が重たいというサイトも増えてきました。日本語フォントはご存じの通り、文字の種類がとても多いので相当なデータ量になります。Webページの表示高速化にはWebフォントへの考慮も重要です。無造作に配信すると4.3MB！人気のNoto Sans

animist 2018/10/30

リンク

Google Fontsで日本語フォントが正式サポート開始！使い方やダウンロード方法など | Web Design Trends

Google Fontsが提供する日本語フォント Google Fontsで2018年9月現在提供されている日本語フォントは、下記の8種類です。 Noto Sans JP Noto Serif JP M PLUS 1p M PLUS Rounded 1c Sawarabi Mincho (さわらび明朝) Sawarabi Gothic (さらわびゴシック) Kosugi Kosugi Maru それぞれのフォントの特徴は、使い方の後でご紹介していきたいと思います。まず、Google Fontsの日本語フォントの使い方をチェックしていきましょう！ Webフォントとして日本語のGoogle Fontsを使う方法最初にご紹介するのは、WebフォントとしてのGoogle Fontsの使い方です。日本語のWebフォントは文字数が多いため通信量が多くなってしまいます。ファイルサイズやページの読み

animist 2018/10/30

リンク

文字詰めできるCSSのfont-feature-settingsが凄い！日本語フォントこそ指定したい自動カーニング - ICS MEDIA

游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事﹁Webフォントサービスの徹底比較！和文フォントが使える5つのサービスの利点まとめ﹂を参考ください。 ▲左側は未指定︵和文等幅︶の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。対応環境‥ほぼすべてのブラウザで利用可能これだけ便利なCSSですが、どれだけの

animist 2018/02/15

font-feature-settings プロパティおもろいな

リンク

フォント素人のWebエンジニアが、「フォントおじさん」に聞いてみた！Webフォントの最近の事情とか

フォント素人のWebエンジニアが、﹁フォントおじさん﹂に聞いてみた！Webフォントの最近の事情とか白石俊平︵HTML5 Experts.jp編集長︶こんにちは、編集長の白石です。この記事は、9月24日に開催されるHTML5 Conference 2017に登壇するエキスパートに、予定しているセッションのトピックを中心に、いろいろ伺ったものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。今回お話を伺ったのは、ソフトバンク・テクノロジーの関口浩之さんです。関口さんのセッションは﹁Webフォント最新事情2017～導入事例も一挙紹介～﹂︵ルームE 11:20-12:00︶です。︵現在HTML5 Conferenceは定員オーバーの状態ですが、無料イベントということもあってキャンセルも多めに出るらしいので、あきらめ

animist 2018/02/15

webfont

リンク

はてなブックマーク

タグ

関連タグで絞り込む (6)

webfontに関するanimistのブックマーク (8)

お知らせ

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス