グーグルが日本語Webフォントを提供してた。これはWebフォントの大転換になるかも？ | 初代編集長ブログ―安田英久 | Web担当者Forum
今日は、Webフォントの話題を。日本語Webフォントは、「使いたい、でも重くなるからちょっと」という人が多いと思います。でも、グーグルがクラウド上でWebフォントを提供し始めたことで……。 グーグルが日本語のWebフォントをクラウドで提供開始グーグルが日本語のWebフォントを提供し始めていました。実は、2014年7月からあったらしいのですが、私はつい最近になって知りました。 その名も、「Noto Sans Japanese」。このページの表示も、「Noto Sans Japanese」にしてあります。 Noto Sans Japaneseは、6934文字に削減したサブセット版が提供されており、ウェイト（太さ）が7バリエーション。1ウェイトあたり約4.5Mバイトほどのサイズです。 使い方を簡単に説明すると、CSSで定義ファイルを読み込み、 <style> @import url(http:/
Typetester Compare fonts for the screen
Design Beautiful Typography One of the most popular applications for web designers is now a full-blown typography editor. Typetester classic that is known and loved by all is still online! Test and compare more than 2800 web fonts. The new Typetester is a WYSIWYG web typography editor. Create, export and share unlimited projects.
簡単にオリジナルのフォントが作成できて驚いた！英語や日本語や絵文字など紙に書いた文字からフォントがつくれるオンラインサービス -PaintFont
紙に書いた文字でも、IllustratorやPhotoshopで作成した文字でも、その文字からオリジナルのフォントを簡単に作成できる無料のオンラインサービスを紹介します。 作成できるフォントはTrueType、OpenTypeの2種類です。 ひらがな、カタカナ、漢字、絵文字などの日本語、英語、フランス語をはじめ、ギリシャ文字、キリル文字、数式記号などにも対応しています。 ※漢字は数が少なめ。 PaintFont 使い方は簡単。 フォントに使用する文字を決めて用紙を作成し、その用紙に文字を書き、それをアップロードしてフォントを作成します。 Step 1: 最初の準備 Step 2: 文字を手書きする Step 3: 手書きした文字からフォントを作成 Step 1: 最初の準備 フォントに使用する文字を決め、手書きする用のファイルを作成します。 まずは、作成するフォントに含まれる文字を設定。
本文と見出しのフォントサイズを数学的にバランスの良い比率でデザインする -Type Scale
本文と見出し、中見出し、小見出しのフォントサイズはどのように決めてますか？ 一つの方法として、一定の比率でそのサイズを決めるのも有りです。というか、そうやってよく決めてました。 さまざまな比率をベースにして、本文や見出しの各フォントサイズを検討できるオンラインサービスを紹介します。 Type Scale 左の各項目は、下記のようになっています。 Base Size ベースにするフォントサイズを入力します。 Scale 比率を選択します。 1.2, 1.414, 1.618などよく使う比率だけでなく、カスタムで数値を入れることもできます。 Preview Text 表示するテキストを入力します、日本語でも可。 Google Fonts 日本語で利用する場合は、特に変更はいりません。 Font Family 明朝体の時は「serif」、ゴシック体の時は「sans-serif」を入力。 Weig
Webフォント・サービス FONTPLUS ｜ ためし書き
お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ（Chrome／Edge／Firefox／Safari）にて再度ご覧ください。
無料で自分が手書きした文字をフォントファイルに変換できる「Handwriting font creator」
by United States Mission Geneva ウェブサイトやフリーペーパーなどを作る際に印象的なフォントを使うと人目を引いたり、集客力の強化につながる他、日常生活においても「読みにくいフォント」で学んだ情報の方が記憶に残るということが明らかになっていますが、オリジナルデザインのフォントを簡単に作成できるのが「Handwriting font creator」。プリントアウトした専用の用紙に手書きで文字を書き込み、ファイル化してアップロードするというプロセスで、あっという間にオリジナルの手書きフォントが完成します。 Handwriting font creator http://www.myscriptfont.com/ まずは「Template」をクリックしてPDFファイルをダウンロード。 そしてダウンロードしたファイルを印刷します。 印刷した用紙は一見ただの真っ白な紙に
最近お世話になったWeb制作に関するお役立ちツール＆プラグイン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの白浜です。春ですね。4月生まれなので春はなんだか気合が入ります。 さて、挨拶とは関係ありませんが、最近Web制作をする上で役に立ったツールやプラグインをご紹介したいと思います。 画像作成編 無料で半透過マルチアイコンやファビコン（favicon.ico）作成 http://ao-system.net/alphaicon/ アルファチャンネルを持った綺麗なマルチアイコンが一発で作れます。仕上がりが綺麗だったのでお気に入りです。favicon画像作成のお供に。 OGP画像シミュレータ | og:image Simulator http://ogimage.tsmallfield.com/ 画像をアップロードするだけでFacebookのタイムライン上にどのようにトリミングされて配置されるかを一発でシミュレートしてくれます。 「あっこのままだとロゴが欠ける…」とかぱっと見で
最近話題になったイケてるWebサービス・アプリ12選（2013年12月編）
もうすぐ12月も終わるということで、12月中に話題になったWebサービスやアプリを13個ほどご紹介します。 iemo（イエモ） 「住」をテーマとしたコミュニティサイトです。 建築家やインテリアメーカーがアップロードした画像を、ユーザーが選んでまとめを作成して公開できるというもの。なお1万5000点のインテリア、雑貨などの写真素材がすでに用意されています。 ZOZOマーケット 2013年12月2日に事前登録が開始された、アパレル特化型のマーケットプレイスです。 スタートトゥデイがSTORES.jpのブラケットと共同で開発した、ECサイト構築サービスで、個人・法人、規模を問わずに全てのクリエイターが出品できる点が特徴的です。 C2C市場が盛り上がる中で、「どこで出店するか」というのがステータスになってくる中、強力サービスが登場したという感じがします。サービス開始日は2014年1月15日。 LI
さまざまなアイコンフォントを組み合わせて、自分だけのフォントファイルを作成できる -Fontello
さまざまなアイコンフォントから、必要なアイコンだけを選択して、自分だけのフォントファイルを作成できるオンラインサービスを紹介します。 Fontello Fontelloで利用できるアイコンフォントは、現在のところ7種類です。 Entypo (CC BY-SA license) Font Awesome (CC BY-SA license) Iconic (SIL OFL) Typicons (CC BY-SA license) Modern Pictograms (SIL OFL) Web Symbols (SIL OFL) Brandico (SIL OFL) さっそく自分用のセットを作ってみます。 これらのアイコンフォントから、自分が必要なものだけクリックしてチェックします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォント作成に詳しくなくても大丈夫、自分好みのフォントが簡単に作成できてしまうオンラインサービス -metaflop
コンピュータに入っているフォントを指定した文字列で一覧表示するオンラインサービス -wordmark.it
フォントのスタイルシートを確認しながら設定できる -Typetester
指定したウェブサイトで使われている配色・フォントを抽出してくれるサイト「Stylify Me」 | ライフハッカー・ジャパン
フォント専門サイト fontnavi(フォントナビ)
波打つ漢字がおどろおどろしいホラー系フォント「ふぉんとうは怖い明朝体」NOT SUPPORTED
HelveticaとArialの違いがはっきり分かる！ 二つのフォントを比較できるオンラインツール -Tiff
pxとemの相互変換をしてくれる『PXtoEM』 | 100SHIKI
Wordmark
FONTFREE
フォントのサイズと行間と一行の文字数の最適な関係を導き出すオンラインツール -Golden Ratio Typography Calculator