シーブレインのマニュアル作成サービスチームから「スマートフォンで読めるマニュアル作成」を PR するページを作ってほしいとのご依頼があり、ページをデザインました。 せっかく iPhone を素材に使うのだから、フォントも Apple 風にしたいわあ、といろいろ探した際に知ったいくつかのフォント情報をメモします。 ひと目でフォント判別できる一流デザイナーにあこがれる! 1. Apple 日本語サイトのフォントは「AXIS」 Apple 公式サイトの日本語や Apple store で手に入るパンフレットには「AXIS」というフォントが使われていることが多いそうです。 その「AXIS」試用版が、無料でダウンロードできます。登録さえすれば商用も OK という太っ腹ぶりです。 なだらかなラインがスマートな、きれいなフォントです。 Type Project|試用版ダウンロード http://www.
ウェブをはじめ、印刷やTシャツなどに無料で利用できる高品質なフリーのデザインフォントをFontfabricから紹介します。
フォント ダウンロードできる白舟書体教育漢字版フォントの漢字の文字数は教育漢字1006字のみです。 あとはひらがな、カタカナが含まれているだけです。 Windows版はLHA(.EXE)、Macintosh版はBinHex(.hqx)で圧縮されています。どちらも自己解凍ファイルになっていますので、そのままダブルクリックで解凍します。 Windows版はインストールプログラム(install.exe)が同梱されていますのでご利用下さい。詳しくはこちらで解説致します。 Macintosh版ははこちらで解説致します。 MacOSX10.5以降でもフォントは使用できますが、クラッシック環境がないため、自己解凍ファイルが解凍されません。 解凍するにはact2.comのサイトからStuffIt Expander 2009(フリーウェア)をダウンロードし、ダブルクリックの自動ではなく、手動で解凍して、ご
「この発想はなかった!」と驚いた。genoTyp はフォント同士を交配させて新しいフォントを生み出す実験サイトだ。早速、試しにやってみた。1. 第一世代の親を決めるgenoTyp を開いて左上の [Breed] タブをクリックすると「交配ページ」が表示される。[add original font] ボタンをクリックして、祖先となるフォントを2つ追加してみた。交配させるために2つのフォントをドラッグしてくっつけた。くっついた状態になれば交配の準備は完了だ。2. 交配させてみる中央の [cross] ボタンを押すと第一世代が誕生する。4人の子供が誕生した。父親似だったり、母親似だったり、子供によって雰囲気が異なっている。3. 第一世代でも交配別の [original font] を追加させて、第一世代の中から気に入ったものと交配させてみた。3人の子供が第二世代に誕生した。4. さらに交配!今度
Vista時代のfont-family指定 過去に記事、CSSのfont-familyに“メイリオ(Meiryo)”を追加してみた。でも似たようなことを書いていたが、正式なVistaリリースを迎えたと言うことで改めてエントリを投稿。 Vista ではメイリオ(Meiryo)というフォントがメインのシステムフォントになっている。これは従来のWindowsでおなじみだったMS ゴシックより読みやすいように設計されている(らしい)。 ウチでは、そのメイリオで表示させるためCSSのfont-familyを下記のように指定している。 body{ font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","MS Pゴシック", "MS P Gothic",Verdana,Arial, Helv
有料のフォントにはデザインの美しいものが多く揃っていますが、無料でダウンロードできるフリーフォントでも洗練されたデザインのものは多くあり、中には商用で使うことが可能で、使い勝手も良いものがあったりします。 基本的にアルファベットのみとなりますが、ここぞというときのインパクトや、全体の雰囲気をまとめておきたいときなどの使える良いフォントが多くあります。 各フォントの詳細は以下から。各フォントのライセンスについてもわかる範囲でメモしておきました。30 high-quality free fonts for professional designs | Design daily news ■その1:Miso 2006年にMarten Nettelbladt氏によって作成されたフォント。light・regular・boldの3種類のウェイトが揃っており、TrueTypeとOpenTypeの2種類が
BJKit(BeautifulJapaneseKit)htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。 BJKit(BeautifulJapaneseKit)でビューティフルな見出しを生成 htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。日本語にも対応しているので、様々な場面で利用することができます。 動的に表示するので、画像を作成する必要がない 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない など、ページ作成の効率アップと同時に、表現力も向上させる手法です。 適用例 従来は、当ページの見出し(h1タグ)は下記のように表示されます。 従来の見出しの例 BJKi
ふい字 v2.9 → ダウンロードはこちらから (2007.08.01) HuiFont29.lzh 約2.4MB ふい字P v2.9 → ダウンロードはこちらから (2007.08.01) HuiFontP29.lzh 約2.4MB <説明> ・TrueTypeフォント。WinXPまで/MacOS X以降で使えます。 ・日本語2バイトかな文字フォント。ひそかに縦書き対応。 「ふい字」は等幅、「ふい字P」はプロポーショナル。 ・入ってる文字は、 ひらがな/全角・半角カタカナ/全角・半角数字/ 全角・半角アルファベット/ギリシャ文字/ロシア文字/各種記号/ シフトJIS第一水準漢字/シフトJIS第二水準漢字/絵文字 他 ■こっちの「萌」も違ってる気がする……ね……。近々直します。 《軽量版》 ふい字 v1.09 → ダウンロードはこちらから (2007.08.01) HuiFont109.l
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
擦り切れたような汚れがあったり、年代を感じさせるクラシックな雰囲気のものなど、デザイン性の高いフォントが集められています。 読む人間に与える印象をガラリと変わるので、インパクトを出したい人にはうってつけです。 詳細は以下から。西部劇に登場しそうなフォント「Fusty Saddle」 4種類の凝ったフォント「Petie Boy」 塗料がはがれたようになっているフォント「Heroin 07」 文字から触覚のようなものが伸びている「Inked God」 おもちゃのようにポップな「Elli Noise」 映画のタイトルなどで使われそうなフォント「Grunge Serifia」 手書きっぽい雰囲気のある立体的なフォント「Bobsmade」 この他、様々な味のあるフォントが以下で紹介されています。 30 New (Free) Grunge Fonts | Outlaw Design Blog - A
Windows (多分Windows 2000以降)のInternet Explorerでは、11pxあたり(以下かも)のフォント・サイズの扱いがちょっと特殊です。通常、font-size: 11px;などと指定した場合は、当然全て11pxで表示され、MS Pゴシックなどでは読むのが辛い感じになるはずなのですが、Internet Explorerでは日本語の文字だけがなぜか12px程度の大きさになってくれます(画像参照)。Firefoxなどでは平仮名はともかく漢字がちょい辛い感じ。 これはfont-size: 11px;と明確に指定した時にのみ起こる現象というわけではなく、フォント・サイズが11pxあたりになるところでは常に再現します。Internet Explorerで閲覧する場合は、読めないこともない許容範囲なフォント・サイズ(私見)なので、気づかなかったりする人も多そう。また、フォン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く