http://ideahacker.net/2013/01/21/4215/
2/4 Webフォントの使い方:Google Fontsで日本語フォントも [ホームページ作成] All About
900超のWebフォントがある「Google Fonts」の使い方 Googleが提供している「Google Fonts」では、Webフォントとして利用できるフォントがたくさん公開されています。本稿執筆時点では、915種類のフォントが利用可能でした。会員登録などは不要で、自分のウェブページに1行程度のHTMLやCSSソースを書くだけというとても簡単な方法で使えます。 Google Fontsでは、サービス公開からしばらくはアルファベット・数字・記号が含まれた欧文フォントしか提供されていませんでしたが、今では日本語フォントも追加されています。上図の左下には、丸ゴシックの日本語フォントが見えています。 以下では、このGoogle Fontsを使って望みのWebフォントで文字を表示する方法を解説いたします。使うのはとても簡単ですから、作業としてはむしろ膨大なフォント群の中から望みのフォントを探す
![2/4 Webフォントの使い方:Google Fontsで日本語フォントも [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/6dfc96a0c2915efa91b16473363aec2f8a1691f6/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F9%2F4%2F9%2F9%2F4%2F201801161514%2Ftopimg_original.png)
[CSS]日本語と英語で異なる最適なフォントサイズの指定方法
日本語・英語のサイト制作に使用しているCSSのフォントサイズの指定で、2007年用デフォルトとしているものです。 %指定を採用している理由の１つは、font-size、line-heightとともに組み合わせにより微妙に異なり、その組み合わせの最適な値を採用するためです。 日本語サイトのフォントサイズの指定 英語サイトのフォントサイズの指定 line-heightの指定 日本語サイトのフォントサイズの指定 body{ font-size:16px; /**/ font-size:100%; /**/ } 上記を基準サイズとして、下記を指定。 標準： font-size:82%; 大きめ： font-size:94%; 小さめ： font-size:69%; 英語サイトのフォントサイズの指定 body{ font-size:13px;*font-size:small;*font:x-smal
![[CSS]日本語と英語で異なる最適なフォントサイズの指定方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
その名もズバリ！ 書体周期表 | ライフハッカー・ジャパン
よく見てください。元素周期表じゃありません。 英語のフォントってたくさんあって、どれがいいのか分からないですよね？ そこでオススメなのが、今回紹介する「Periodic Table of Typefaces（書体周期表）」です。 これはデザイン会社のSquidspotが1.6MBのJPEGの表にまとめたもの。フォントのことは全然分からないという人も、オタク的にフォントに詳しい人も、これを見れば、そのフォントがどんなグループに属し、いつ誰がデザインしたかまで、一目瞭然です。 下記のネタ元からダウンロードできるので、ぜひ一読を！ Periodic Table of Typefaces [via Download Squad] Kevin Purdy（原文／訳：阿久津美穂） 【関連記事】 ・あなたの書いた文字をTrueTypeフォント化する「YourFonts」 ・『AMP Font Viewe
窓の杜 - 【REVIEW】苦手な文字はとことん下手な手書き風フォント「園児フォント」
「園児フォント」は、子供の手書き文字を再現した手書き風フォント。Windows XPに対応するフリーのTrueTypeフォントで、作者のWebサイトからダウンロードできる。 ひらがな、カタカナ、英数字、記号を収録し、文字を覚え始めたばかりの子供が書いた手書き文字を再現しているのが特長。それなりに書けている文字と下手な文字の差が激しく、苦手な文字はとことん下手。 とくに“な行”の文字が苦手なようで、たとえば“ね”は蛇がうねっているようにしか見えないが、文字を覚え始めたばかりならこうなっても仕方がないなと感じる。おそらく、ひらがなとカタカナは行単位で練習しているため、行によって書きあがりに差が出ているのだろう。 また、ひらがなの“は”には不要な点が打たれており、間違えて覚えたというよりも、遊びで後から付け加えたように見える。 【著作権者】ワンタッチソフト 氏 【対応OS】Windows XP
汚した感じがかっこいい、グランジ風のフリーフォント集 | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
OSソフトで自動的にインストールされるフォント一覧
Aharoni Bold Andalus Andalus new Andalus new Bold Andalus new Bold Italic Andalus new Italic AngsanaUPC AngsanaUPC Bold AngsanaUPC Bold Italic AngsanaUPC Italic Arabic Typestting Arial Arial Bold Arial Bold Italic Arial Italic Arial Black Batang Batang Che Gungsuh GungsuhChe Browallia New Browallia New Bold Browallia New Bold Italic Browallia New Italic Browallia UPC Browallia UPC Bold Browallia U
自分のパソコンの中にインストールされているフォントを使って書体見本を全自動作成するサイト「flipping typical」
フォントをたくさん集めていると楽しい気分になれるのはいいのですが、いざ使おうと思った際に「どれが一番良いのだろうか？」ということになって、延々と迷い続けることがあります。というか、実際問題として、フォント名とその形状とを完全に関連づけて覚えられる数というのはたかがしれています。やはり実際に使う文字列を表示しながら各種フォントを適用した場合のサンプルをずらずらと横断的に見渡すのが一番。 そういう需要にかなり応えてくれているのがこの書体見本を全自動作成するサイト「flipping typical」です。ポイントは、自分のパソコンの中にインストールされているフォントを使用するという点。サンプル文字列も自由に変更できるので非常に便利です。 詳細は以下から。 flipping typical http://flippingtypical.com/ 上記サイトにアクセスしてしばらくするとフォントがずら
日本語のフォントや書体の情報をタイプラボがお伝えいたします
<body> <img src="Counter/wwwcount.cgi?gif" width="1" height="1" /> </body>
手書きフォントを手書きしたい
前々からこのサイトでやりたかったことの1つ、「お手本ってどう見るの？」について変則的ですが触れてみたいと思います。 私は自筆を矯正する手段として、ペン字を習う選択肢を選びました。でも中には、いかにもペン習字やってますみたいな理路整然とした字が好みに合わず、もっと別のなにかに関心を寄せる人もいると思うんです。例えば手書きフォントのような字。作者が手間暇かけて作り上げたフォントは、一々愛くるしい文字ばかりで、コレクションしている人も多いのではないでしょうか。 今回のテーマは、「手書きフォントの書きぶりを自筆化するにはどうすれば？」です。 もくじお手本フォントの選定課題の設定印刷練習発表以上の流れを簡単にまとめつつ、お手本に対する着眼点を分かりやすく説明できればと思います。 1. お手本フォントを選ぶまずは、個人的にお気に入りの手書きフォントを羅列してみます。 さなフォン 沙奈の文字箱手書き文字
「フリーフォント」を紹介するなら、それが本当にフリーかどうかぐらいは確認ぐらいすべきでは？ - しろもじメモランダム
なんかよく分からないタイトルですが。 タグ「フリーフォント」を含む注目エントリー 上のページを見ての通り、「フリーフォント」集を紹介する記事は結構ブックマークされている。数百users単位でブクマされているページも多く、はてブユーザの関心は高い様子*1。 で、今日たまたま見たのがこれ。 オリジナルロゴをデザインするためのフリーフォント10選 | CREAMU かっこいいロゴをデザインしたい。 そんなあなたにおすすめなのが、『10 Fonts to design original logos』。オリジナルロゴをデザインするためのフリーフォント10選だ。 オリジナルロゴをデザインするためのフリーフォント10選 | CREAMU これは下の記事を元にして書かれている。 Woork: 10 Fonts to design original logos Are you a designer look
フォントブログ [フォント/Webフォント/書体/文字/タイポグラフィの情報ブログ]
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
![フォントブログ [フォント/Webフォント/書体/文字/タイポグラフィの情報ブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1c5c30a0ba80a65a2f8608558a56104bf2e596b3/height=288;version=1;width=512/https%3A%2F%2Fblog.petitboys.com%2Fshared%2Fimg%2Ffacebook_fontblog.gif)
フォント910 | フリーフォント(商用可)や無料試用版ダウンロード書体: 簡単な仮名と漢字の混植方法
▼実績で安心♪カフェグローブの運営 ■当サイトフォントの使用実績 ・ユーキャン様キャンペーン「メゾンユーキャン」ロゴ ・岩崎書店様「サムデイ」タイトル ・岩崎書店様「うちゅうでいちばん」 ・TBSテレビ番組「シネマスタイル」ロゴ more ■掲載情報 【晋遊社様 2008年7月1日発行】 Free Font Style Book 2008にて紹介 【「Mac100%」様 2008年Spring号】 ・フリーフォントの誌面掲載 【「月刊MdN」様 2008年2月号】 ・フリーフォントの誌面掲載 【インプレス編集部様 2008年8月31日発売】 書籍「デザインの幅を広げる 最新 フリーフォントセレクション」に紹介 【「月刊MdN」様 2007年2月号】 ・フリーフォントの誌面掲載 【月刊誌「iP!」様 2006年6月号】 ・連載コーナー「良品素材」で紹介 more
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IcoMoon App
2012年版、漢字も揃っている日本語のフリーフォントのまとめ
フォント910｜特徴あるデザインのフォントを公開中
エロい和文フォントを探すのよっ！ - 遠近法ノート
ウェブ、ＤＴＰに使えるクールなフォント集:phpspot開発日誌
手書き風ウェブデザインまとめ - DesignWalker
http://www.moji-sekkei.jp/maru_02_4_shinano.html