文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
超厳選！Googleフォントおすすめ40選を用途別に紹介【導入方法解説付き】 - F Lab.
ユーザの閲覧環境にかかわらず同じ見た目で表示してくれて、しかも超絶カッコイイとあって、爆発的な勢いでウェブ界を席巻しつつあるGoogleフォント。 今回の記事では、そのGoogleフォントの中でも特におすすめの40フォントを雰囲気・用途別に分類し、紹介していく。 紹介の前に フォント選びの基準とコツ ロゴ用と文章用の区別 Googleフォントは重い？ 万能フォント 技術系 ロゴ用 文章用 美容・ファッション系 ロゴ用 文章用 飲食・料理系 ロゴ用 文章用 スポーツ系 ロゴ用 学問系 ロゴ用 文章用 生活系 ロゴ用 文章用 Googleフォントの導入方法解説 Googleフォントにアクセス 使用したいフォントをコレクションに追加する 選んだフォントの詳細情報を指定 WebページにGoogleフォントを導入 CSSファイルにコピペし、Googleフォントを実装！ 紹介の前に フォント選びの基準
デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
フリーフォント22選【日本語対応／商用可／無料】
最初から入っている標準フォントだけでは、ブログの画像にキャプションを入れたいとき、WEBサイトのメリハリを付けたいとき、ロゴを作りたいときなど、かっこがつかない！そんなふうに思うことありますよね。 しかしフリーフォントって、あまりに種類がたくさんありすぎて、どれを使っていいのやら困ってしまいがち。欧文フォントは種類も豊富だけれど、日本語対応(漢字も対応)フォントを探し出すのはひと苦労。 そこで！今回は使うだけでサイトや印刷物がかっこよく仕上がる、そんな日本語フリーフォントをご紹介いたします。 誰でも自由に無料ダウンロード！商用利用も可日本語対応上記を満たすフォントの中でも、特にクオリティが高く、様々なシーンで使用できそうなフォントを中心に集めました。（参考：サイト改善 10のポイント） 誰でも上手いキャッチコピーが作れる！ノウハウ記事17選とテクニック集 1. スタイリッシュにまとめたい
【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く
商用でも無料で使える2種類の日本語フォント「刻明朝」「刻ゴシック」
漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き
新人くん、これわかる！？書体の要素が手っ取り早くわかる例え画像 | WebNAUT by Beeworks
こんにちは！新人デザイナーの入社を今か今かと待ち望んでいるデザイナーのタカハマです。 前回は「定番書体代わりに使えるGoogle Fonts」をご紹介しましたが、今回は「書体の要素」をちょっとした例え話と画像を用いてご紹介します！ フォントにも家族がある デザイナーが書体を語る上で、まず知っておきたい言葉「フォントファミリー」 書体の太さ・傾き・字幅が異なっても、書風に一貫性のあるフォント群をまとめて「ファミリー」と言います。 そう、書体にも家族があるんです！次の画像はヘルベチカファミリーの一例です。 そんなフォントファミリーの特徴をWebNAUTにちょこちょこ登場しているキャラクター「ウェブノートくん一族」に例えてご紹介します。 太さ（ウェイト） 同じ書風で太さに変化をつけた書体を用意することをウェイト展開といいます。いわば体重ですね。 シンくんはガリガリタイプで、レギュラー・ブックくん
商用でも無料で使えるロゴ作成向け日本語フォント「ロゴたいぷゴシック」
ロゴ向けフォントのシャープな感じと、少しやさしくてエレガントな柔らかいデザインが特徴で、一般的なゴシック体のフォントとは少し違った風合いを持たせたフリーフォントが「ロゴたいぷゴシック」です。無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォント ロゴたいぷゴシックのダウンロード | フォントな情報。オープンソースの安心フリーフォント http://www.fontna.com/blog/1226/ ロゴたいぷゴシックのベースになっているのは、誰でも無料で使えて個人利用をはじめ、商業目的での利用、フォント内容の改変、改変後の再配布にも制限のないM+FONTSで、オリジナルで作成されたひらがなとカタカナの文字にM+FONTSの文字を補完するという、いわばM+FONTSの派生プログラムにあたる存在のフォントとなっています。全体的なデザイン処理として、わずかに文字
文字の上にカーソルを置くだけでフォント名が分かるChromeの拡張機能「WhatFont」
ウェブサイトはレイアウトや文字の選択で雰囲気がガラっと変わるため、人目を引くウェブサイトが使っているフォント名・文字サイズ・文字の色などは気になるところです。文字の上にカーソルを置いたりクリックしたりするだけでフォントの種類や詳細が分かるGoogle Chrome拡張機能が「WhatFont」で、気になるウェブサイトのデザインの秘密が簡単に分かるようになっています。 WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu http://chengyinliu.com/whatfont.html Chrome ウェブストア - WhatFont https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpml
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ最大の「フォント問題」を巡ってアップル、グーグル、MS、アドビが団結
2014年、フォント好きのための高品質なすごいフリーフォントのまとめ | コリス
和文フリーフォントの最上位でしょ！グーグルとAdobeが作った「源の角ゴシック」をゲットすべし * prasm（プラズム）
AppleのMac30周年記念サイトにはMacアイコンフォントが隠されている事が判明 | 気になる、記になる…
FONTFREE
場面に合わせて使いわけよう！デザイナーなら知っておきたい、美しい和文フォント10選 - Moxbit