文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
アイコンフォントが手軽に使える「IcoMoon」の使い方｜WEBサービス｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
IcoMoon の取扱アイコン IcoMoonページ上部の「IconMoon App」ボタンをクリックします。 WEBサービスでもよく使いそうなアイコンが多数掲載されています。 一部になりますが、ざっとこんな感じ↓ IconMoon Free Linecons Eighty Shades Entypo IcoMoon の使い方 使いたいアイコンをクリックして、 ページ下部の「Font」ボタンをクリックします。 確認ページへ遷移しますので、同じくページ下部にある「Download」ボタンをクリックします。 icomoon フォルダ内の構成 ダウンロードした icomoon.zip を解凍すると、中身はこのようになっています。 アイコンフォントを表示させるのに必要なファイルは、 style.css と、fonts フォルダ内の4つのフォントファイルです。 style.css 下記ソースコードの
入力するだけで美しい！筆記体フリーフォント86選 改訂版
毎月ご紹介しているフリーフォントの中でも、特に人気の高いスタイル「筆記体」。手軽にオシャレでスタイリッシュな雰囲気を演出するのにもピッタリで、デザイン制作で活用する人も多いでしょう。 今回は、数ある英語フリーフォントの中から、無料で利用できる筆記体、スクリプト書体をまとめてご紹介します。 どんなデザインにも合わせやすい万能スタイルから、筆の質感が人気のブラシスタイルや手書きスケッチ、高級感たっぷりのエレガントスタイルなどなど。 可読性にもこだわった素材を、合計86個まとめています。 好きに選べる、好きなだけ使えるAdobe Fonts 「海外サイトからのフォントのダウンロードは不安。」 「できるだけ低予算で、高品質なフォントを、安心して使いたい。」 そんなときは、20,000以上のプロフォント、500以上の日本語フォントを使い放題の、Adobe Fontsがオススメです。 その理由はずばり
Font Map · An AI Experiment by IDEO
Designers at IDEO wanted to bring artificial intelligence to the world of fonts, so they created Font Map, a quick experiment to see how machine learning can address challenges in design. Font selection is one of the most common visual choices designers make—and most fall back on old favorites, or search for a font within categories. By leveraging AI and convolutional neural networks to draw highe
鉄瓶ゴシック – フリーフォントダウンロード
鉄瓶ゴシックはどんなフリーフォント？ フリーフォントの鉄瓶ゴシックは無料でダウンロードできる書体です。 また商用・非商用問わず使用可能なので、安心してダウンロードして下さい。 ロゴデザインやタイトル、見出し向けの漢字も含まれる日本語フリーフォント。 極太のゴツゴツとした質感の味わい深いフォントです。 ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 microsoftのエクセルやワードなどお手持ちのソフトでご使用できます。 Adobeのグラフィックソフト（イラストレーター、フォトショップ）があれば アウトライン化など加工して、よりお楽しみ頂くこともできると思います。 このフリーフォントをご使用になるには、ダウンロードファイルに含まれる リードーミーの内容を読みください。 ライセンス フォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。 Ap
デザイナーが持っていたい、すごいフリーフォント素材69個まとめ - PhotoshopVIP
デザインをしているときに悩んでしまうことも多く、全体のイメージを決める重要な要素のひとつ、フォント選び。手持ちのフォントコレクションを定期的にアップデートして、クリエイティブな作品をつくってみましょう。 今回は、最近公開された無料ダウンロードできるフリーフォント素材をまとめてご紹介します。太さに応じて豊富なウエイトが用意された万能フォントから、人気の高い筆記体デザインやブラシスタイル、レトロスタイルの他に、2018年話題となっているSVGフォントなど、グラフィックデザインのトレンドを意識した素材も数多く揃ったコレクションとなります。 詳細は以下から。 デザイナーが持っていたい、すごいフリーフォント素材69個まとめ Basicaline Font Family – Sans Serif クリーンでエレガントな細字サンセリフ書体。デザインを選ばない、合わせやすい万能さがポイント。 ※ 個人利用
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
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
【Font】使い勝手の良いオススメの Google Web Fonts サンセリフ系 × 11選。
今日は、誰でも無料で利用できる Google Fonts の中から、オススメのサンセリフ体のフォントを11個まとめて紹介します。 サンセリフ（仏: Sans-Serif）とは、セリフのない書体の総称である。セリフとは、文字の線の端につけられる線・飾りで、「うろこ」、「ひげ飾り」、「ひげ」とも呼ばれる。旧来のセリフのついた活字書体（セリフ体・ローマン体とも呼ぶ）と区別するために用いられる用語。「サン」とは、フランス語で「〜のない」という意味で、「セリフのない書体」を表している。グロテスク体とも呼ばれる。 Wikipedia サンセリフ体で有名なものでは『Heveltica』や『Gill Sans』や『Futura』などのフォントが挙げられます。 残念ながらこれらのフォントは版権などの事情があり Google Fonts では扱っていません。しかし似たような書体ならウェブフォントで無料で利用す
「Noto Serif Japanese」を使ってみたので、自分用メモ。 - Qiita
今年の 4月に発表されてから随分経ってしまいましたが...。 Google とAdobe が共同開発した新フォント「Noto Serif CJK」を使ってみました。 （比較のために、以前書いた記事から「Noto Sans Japanese」も載せています。） 概要 ・Google Developers Japan: Noto Serif CJK が登場 https://developers-jp.googleblog.com/2017/04/noto-serif-cjk-is-here.html ・源ノ明朝 - Adobe https://source.typekit.com/source-han-serif/jp/ 明朝体フォント「Noto Serif CJK JP」は、 既存のゴシック体「Noto Sans CJK JP」より 2つ少ない 7ウェイト。 65,535文字収録。（第1水準
サブセットでWebフォントの軽量化
ミニマルなデザインが主流になってきてますますフォントのチョイスって重要だとつくずく感じております。 僕のフォントライブラリも古くなってきて、パッケージでなにかいいフォント欲しいなぁと最近はフォントを探しまくっております。 源柔ゴシックをサブセットしてWebフォントとして使う そんな僕の最近のお気に入りフォントの一つが自家製フォント工房さんが公開してくれている源柔ゴシックです。 源柔ゴシックはNotoSansを丸ゴシックに改良したフォントだそうです。詳細とダウンロードは自家製フォント工房さんWebサイトよりお願いします。 ライセンスに目を通したところ改変もWebフォントとしての利用も問題ないとのことで、サブセット化してWebフォントとして使ってみます。 なぜサブセットを行うか？ 日本語フォントは欧文フォントに比べて文字数が多く、データとしても大きくなります。 重い画像の読み込みに時間がかかる
装甲明朝は源ノ明朝の派生フリーフォント〜ステンシル体風明朝体
フリーフォント使用に当たって フォントをインストールして頂くとパソコンのワープロ、グラフィックソフトなどのアプリケーションを使って自由にデザイン、印刷することができます。個人利用・商用利用にかかわらず、無償で使用することができます。当フォントはSIL Open Font License 1.1のライセンスに準じます。 装甲明朝の概要 装甲明朝は以下の派生フォントです。 「源ノ明朝 (Source Han Serif)」 書体コンセプト 横線が極細のステンシル体風の見出し向け明朝体です。 少し劣化したラフな雰囲気に処理いたしました。 ミリタリーな雰囲気にも、男らしい格好良さにも マッチするようにと考えました。 装甲明朝の作例サンプル 書体見本 フォントダウンロード 以下をクリックしてダウンロードしてください 装甲明朝をダウンロードする 予備リンク インストール 1.フォントをダウンロードした
正月の年賀状に！おすすめ毛筆フリーフォント16個 - 無料で使える日本語フォント投稿サイト｜フォントフリー
今年も気づけば師走。 12月を終えると、年賀状のシーズンであるお正月がやってきます。中には年賀状を準備し始める方もいるのではないでしょうか。 そこで今回は、年賀状を書く際に宛名や挨拶文などで利用できそうな、毛筆を中心にしたおすすめフリーフォントをご紹介します。 商用利用可能なフォント、楷書体や行書体、漢字を含んだフォントまで、年賀状のサンプルの画像を掲載しながらご紹介します。 気に入ったフォントがあれば、ぜひダウンロードしてみてくださいね。 年賀状ぴったりの書体といえば！毛筆フォント 青柳疎石フォント 青柳疎石フォントは、細めで男性的な達筆な毛筆フォントです。 筆のかすれ具合が和風な味を出しています。 縦書きで使うのがおすすめです。 商用：OK ひらがな：◯ カタカナ：◯ 漢字：◯ ▷ 青柳疎石フォント 衡山毛筆フォント 衡山毛筆フォントは、筆のハライが美しく、縦の流れがきれいな毛筆フォン
アイコンフォントを作ったのでオープンソース化して GitHub と npm に公開しました | WP-E (仮)
こんにちは。EXP ひのたんです。 最近アイコンフォントを作って GitHub と npm で公開したのでその紹介記事です。 feathericon Web サイト: http://feathericon.com/ GitHub: https://github.com/featherplain/feathericon npm: https://www.npmjs.com/package/feathericon 名前は私の Web 上のハンドルネームである「featherplain (フェザープレイン) 」と icon を合わせた 「feathericon (フェザリコン) 」です。 アイコンフォントと言えば Font Awesome や GitHub の Octicons のアイコンフォントの巨人がすでに存在します。Web フォント化していなくとも、「vector free icons」
昭和レトロの懐かしい雰囲気が素敵なフリーの日本語フォントのまとめ
明治や昭和のレトロな雰囲気が感じられる、どこか懐かしい温かみのあるフリーの日本語フォントを紹介します。 最近バージョンアップされたフォントも多いので、要チェックです！ マキナス Scrap 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 1920～30年代のポスターで使用されていた文字を参考に制作したフォント。 2016年に大きくバージョンアップされ、以前は漢字が180文字程度でしたが、JIS第一水準（2965字） JIS第二水準（3390字）などに対応し、収録字数は約6,600字に！ ひらがなやカタカナもリデザインされています。 使用頻度の少ない漢字を除いた「マキナス for WEB」も無料でダウンロードできます。 マメロン 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 漢字はマキナス Scrapで、丸いひらがなを組み合わせた「豆」でもない「メロン」でもない、丸
Google Web フォント完全ガイド！使い方や 参考にしたいサンプル例まとめました。
どんなデザインにおいても、ただしいフォント選びが成功の鍵となります。見た目だけでなく、読みやすさも考えながら、フォントの組み合わせを考えるのに悩んでしまうこともしばしばです。 フォントの組み合わせについては、これまでにもいくつか（1/２/３）の記事を紹介していますが、今回は、Google Web フォントを利用した、実用的でデザインも美しいサンプル例をまとめています。 目次 Google フォントとは？ Google フォントの実装方法 実用で使える、Google フォントの組み合わせ パート１ 実用で使える、Google フォントの組み合わせ パート2 Google Web フォントを見つけやすくする Font Library Google 謹製、日本語 Web フォント「Noto Sans Japanese」 Google Font とは? 通常、ブラウザで表示できるフォントは、ユーザ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Raleway - Google Fonts
日本語・英語のステンシル系フリーフォント10選【商用可】
SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon
ロンドン地下鉄の「フォント」が変更される理由