2021年7月24日。IBMから『IBM Plex Sans JP』がリリースされました。 「だから?」と思われた方、罰としてこのまま長い序文をお読みください。それ以外の方は次の見出しでお会いしましょう。 以前の記事でもお話ししましたが、これまでにリリースされてきた日本語対応のプログラミング用フリーフォントは、一部を除いて『源ノ角ゴシック』と『M+』という2つのフォントから派生したもの。 なぜ他のフォントが使われないのか。それは選択肢が無いからです。この2つ以外で、 漢字を網羅しクオリティが高くライセンスフリーで使えるそんな都合の良いフォントはほぼありませんでした。あるとすればそれは、漢字を含まないフォントのみ。 ここに加わってきたのが『Plex Sans JP』という新たな選択肢です。 日常使いできる安定感、多彩なウェイト (太さ) 、そして商用利用可能なフリーフォントであるという大きな
この記事では、普段づかいできる最新フリーフォントをまとめてご紹介します。 文字を入力するだけで「決まる」、トレンドを意識したおしゃれ英語フォントから、読みやすさにこだわったユニーバサルデザインの日本語フォントまで、幅広いデザインプロジェクトに対応できる書体をまとめています。利用ライセンスも一緒に明記しています。 デザインが美しくなる!見逃せない最新フリーフォントまとめ Morisawa Biz UD ゴシック 読みやすさと使いやすさを重視し、教育やビジネス文書作成などに活用できるユニーバーサルデザインフォント。無料ダウンロードできるだけでなく、Googleフォントでも利用可能に。 ※ 個人、商用利用可能 【商用OK】Google Fontsで使えるオススメ日本語フリーフォント31個まとめ Morisawa Biz UD明朝 格調高い明朝体の伝統を保ちながら、見やすさ、読みやすさを実現した書
ダウンロード GitHub のリリースページからダウンロードできます。 各リリースノートの下部にある Assets という箇所を開くと、zip ファイルをダウンロードできます。 ✅ PlemolJP_HS_vx.x.x.zip になっているものは全角スペースを可視化しない版(HS: Hidden Space) ✅ PlemolJP_NF_vx.x.x.zip になっているものは Nerd Fonts 対応版(NF: Nerd Fonts) Powerline を始めとした多くのアイコンが表示できます。 ※Console 版のみの提供 ダウンロード⏩ Releases 気に入ったら GitHub でも Star🌟 を付けてもらえると大変嬉しいです! 謝辞 IBM Plex シリーズを提供してくださっている IBM 社へ、この場を借りてお礼申し上げます。 IBM Plex Sans JP は
最近あらためてウェブサイトの本文の文字の読みやすさの大切さを実感していてfont-familyの指定を見直しています。そこで、まずは基本に戻って各OSに標準で搭載されているフォントの一覧を探してみたんですが、けっこう情報を見つけるのに苦労しました。 ということで、今後のためにWondows、Mac、iOSの標準搭載フォント一覧へのリンク集を作ってみました。Androidは一覧が見つけられず、基本情報だけ載せておきました。 おすすめのfont-familyの指定は、ありがたいこんな記事 やあんな記事 やそんな記事 で詳しく説明されてるんですが、自分でも特定のプロジェクトにあったfont-family指定ができるように、各OSの標準搭載フォント一覧にはさくっとアクセスできるようにしておきたいです。 ついでに、各OSのバージョンごとのマーケットシェアへのリンクもはっておきました。 目次 以下はペ
補完するのは登録された軸のみになります。たとえばitalの値が1種類しか登録されていないフォントはitalの値によらず一定の傾きをもちます。 オプティカルサイズとは、サイズに連動した文字のスタイルです。フォントサイズが小さなときは簡略化された表記、大きなときは細かく装飾されたフォント、というように設計されることがあります。 標準ではフォントサイズに依存しているため手動での変更はできませんが、一部のフォントでは変更が可能です。先ほどのデモにおいても、オプティカルサイズに応じて文字バランスが微妙に変更されることが確認できますね。 Roboto-Flexフォントを例に バリアブルフォントはまだそれほど普及していないこともあり、入手元がそれほど多くありません。今回は、オープンフォントライセンスで配布されているRoboto-Flexフォントを使用します。 GitHub - Roboto-Flex 記
妻の手書きのフリーフォントができました。 「ちひろもじ」(命名妻)です。ここからDLできます。 ・商用 個人利用 可 ・OS Windows / Mac ・形式 TrueType ・ひらがな◯ ・カタカナ◯ ・漢字◯(中学2年まで) きっかけ 妻とは出会ってから9年ぐらいになります。 付き合ってる時も結婚して生活を共にしてからもずっと気になってたことがありました。 めちゃくちゃ字がかわいい バランスが偏ってたり跳ね部分が一直線だったり、間隔が空き過ぎていたり、どこかしら崩れているのに、可読性もちゃんと合って文字として認識できる。 そんな妻の字を見かけるとくすっと笑いが出てくるので、時々見かけてはほんわかと和んでいました。 妻の職場でもそれはたびたび話題にあがり、彼女の上司もその文字をフォントとして残しておきたいと、冗談まじりに言っていたりしました。 フォントにできたらおもしろそう。 私
kishikawakatsumi/SymbolFontKit · GitHub ↑ シミュレータに表示されている画像やツールバーのボタン、タブバーのアイコンは全てフォントです。 シンボルフォントとは要するにアイコン画像などをフォント形式にしたものです。 Webだと最近のブラウザだとWebフォントが使えるので、利用者の環境にフォントがインストールされていなくても使えるので、最近は解像度非依存ということもあっていろいろな Github や Twitter などいろいろなサイトで利用されています。 シンボルフォントについて詳しくは下記のリンク先などを見てください。 Ligature Symbols 〜ほんとにべんりなフォントのはなし〜 【完全版】Ligature Symbols フォントセットの自作方法 - くらげだらけ Ligature Symbols で、フォントなのでベクターデータのためど
ttf.jsはJavaScriptでTrueType Fontを表示するソフトウェアです。 フォントの世界は奥深く、世界中には無数のフォントが存在します。それらをインストールしたり、専用のフォントビューワーで確認するのではなく、ttf.jsを使って素早くチェックしてみましょう。 トップページです。TrueType Fontを指定します。 こんな感じに一覧が出ます。 マウスオーバーでグレーに反転します。 丸数字も大丈夫。 日本語も表示できます。 漢字もいけます。 ttf.jsを使えば指定したフォント(実際にアップロードする必要はありません)の内容がすべて分かります。一部だけのプレビューではないのが利点です。英字のみならず日本語フォントも対応していますが、サイズが大きいだけに表示に時間がかかってしまうのが難点です。 ttf.jsはJavaScript製のオープンソース・ソフトウェア(New B
What are Web Safe Fonts? Web safe fonts are fonts that are pre-installed by many operating systems. While not all systems have the same fonts installed, you can use a web safe font stack to choose several fonts that look similar, and are installed on the various systems that you want to support. If you want to use fonts other than ones pre-installed, as of CSS3, you can use Web Fonts.
When Google Web Fonts was first released, we wrote up a quick walkthrough. Since then, the service has been completely overhauled and it’s high time for a thorough walkthrough from scratch. Join us as we start at the very beginning and discuss what the Google Web Fonts service is and how to get it up and running on your site today. Give us a few minutes of your time and we’ll open you up to the aw
Click anywhere on this page to plant bombs. To blow up other websites, drag and drop this link fontBomb to your favorites bar. An experiment by Philippe-Antoine Lehoux. Follow me on @plehoux Hymne à la Beauté Viens-tu du ciel profond ou sors-tu de l'abîme, Ô Beauté? ton regard, infernal et divin, Verse confusément le bienfait et le crime, Et l'on peut pour cela te comparer au vin. Tu contiens dans
両者は共にスケーラブルなもの(にできるもの)なのでその点では互角だけど、様々なプロパティーを持ち多彩な表現が可能なSVGの方がフォーマット的には優位にあると言って良い。が、なかなか利用が広まらないSVGに対して、アイコン・フォントの利用は急速に拡大している。単に流行りとみなす向きもあるけど、やっぱりそれなりに理由があるのではないかと思う。 CSSとの親和性 特に以下の3つのCSSプロパティーは効果的に使える。 font-size color text-shadow PNGで作られたアイコンの色を変更するには編集が必要だけど、アイコン・フォントはCSSファイルで自由に色を調整することができる。独自実装も含めるなら-webkit-maskプロパティーもとても(想像以上に)効果的に使うことができる。他にもちょっとした位置の調整やなんかも慣れ親しんだCSSで普通に可能。更にこれらをHTMLファイル
FontFriend is a bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages, making it the ideal companion for creating CSS font stacks. 2.0’s killer feature is instant drag-and-drop font previewing right in the browser (Firefox 3.6+, Chrome 7+), in any documen
国内でトラフィックランキング1-20位周辺のサイトの、body要素に対するfont-family指定方法を調べた。 /* yahoo.co.jp */ body { font-family: "MS PGothic", "Osaka", Arial, sans-serif } /* google.co.jp */ /* google.com */ /* youtube.com */ body { font-family: arial, sans-serif } /* fc2.com */ body { font-family: Verdana, Helvetica, "MS Pゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, /* Meiryo */; } /* facebook.c
MacTypeはWindowsのフォントを滑らかにして奇麗なフォントを表示してくれるソフトウェアです。 Windowsにおいてフォントを滑らかに表示するソフトウェアとしてGDI++が知られていますが、2010年のリリース以降あまり積極的に開発が行われていません。そこで立ち上がったのが後継プロジェクトと言えるMacTypeです。 インストーラーを使います。その際の言語は中国語になっています。 起動しましたメイン画面では日本語が表示されています。 モードを選んだ後、プロファイルを選択します。 確認ダイアログが出ます。OKで開始します。 エクスプローラの表示。反映は即行われます。 Firefoxの表示。メニューからレンダリング結果まで全て滑らかな表示になっています。 タスクトレイのメニュー。 プロセス単位の状態も見られます。 MacTypeはレジストリモード、サービスモード、トレイモードの3つが
Are the quotes in font-family: 'Comic Sans MS' required, or not? According to the the CSS validator, the quotes are supposed to be there in this case because the font family name contains spaces: Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is con
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く