nanapho.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、nanapho.jpが全てとなります。あなたがお探しの内容が見つかることを願っています!
nanapho.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、nanapho.jpが全てとなります。あなたがお探しの内容が見つかることを願っています!
海外サイトSMASHING MAGAZINEより、とっても良質な記事。 50 Helpful Typography Tools And Resources タイポグラフィのタイポグラフィによるタイポグラフィの為のまとめ情報です。 記事はリンク先のツールやチュートリアルの内容ごとに“Finding The Right Type” “Combining Type” “Type Design” “Typographic Tools” “CSS and Font Embedding”などといった見出しに分けられ纏められています。でも数が多すぎて私はまだ全てを追い切れてません。なにせ50個もあるし。 その中でもすぐに使えそうなアイテムをいくつか紹介してみます。 Free Typographic XHTML/CSS-Layouts For Your Designs 同じくSHASHING
(ホー先生)Macの画面で「●▲■」の「●」と「■」だけが小さく見えることがあるのはなぜじゃ*1。 「●」と「■」が欧文フォントで表示されているからだよ。たとえばMacのFinderでは、ファイル名は「Lucida Grande優先」で表示される。Lucida Grandeは「●(U+25CF)」や「■(U+25A0)」のグリフを持っているけれど、「▲(U+25B2)」のグリフを持っていない。だから「▲」はヒラギノで表示されて、「●」と「■」だけが小さく見えるんだ。同じ理由で起きる現象としては、三点リーダの位置が下にズレたりすることも、よくあるよね。 Finder以外でもよくあるんじゃが。 Appleのソフトは世界共通の仕様なので、デフォルトは欧文フォントだよ(下図)。 日本語フォントを指定すれば、この問題は避けられるのか。 うん。Finderでは基本的にフォントの変更はできないけどね。そ
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
Advertising (1830) Album Art (3527) Art/Illustration (462) Booklets/Pamphlets (2026) Books (5572) Branding/Identity (6907) Ephemera (1062) Exhibition/Installation (935) Film/Video (887) Infographics/Maps (487) Magazines/Periodicals (1641) Mobile/Tablet (766) Newspapers (255) Object/Product (958) Packaging (2043) Posters/Flyers (4846) Signs (1851) Software/Apps (285) Web (4689) Acumin (54) Adobe Ca
Typography quick tips A selection of short typography tips from Harry Roberts of @csswizardry Use proper quote marks # In a similar vein to the use of proper dashes, there are generic quote marks on keyboards too. The quotes on keyboards are ambidextrous quote marks, which cover several different uses. The two types of quote marks in the English language are single and double. Each have left and r
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.
記事(及び画像)中で【行末約物】の扱いについて「全角/半角浮動」「全角/半角(浮動)」などと表記してあるものは「状況により全角/半角の二者択一」という意味であり、決して中間値を採るという意味ではありません。私の(用語的な)理解不足による不適切な表記に他なりません。ご寛恕くださいませ。 ※InDesignの文字組みアキ量設定の基本設定画面の「50%(0%〜50%)」などは「最適/50%、最小/0%、最大/50%」ということで中間値を許容します。しかし、行末設定に現れる「50%/0%」は「最適50%/最小0%」、「0%/50%」は「最適0%/最大50%」の二択で中間値は採りません。 ※「〜」の有無で見分ければいいでしょう(もちろん、「固定」は固定)。 - 最新版は……2011年9月に 私の「文字組みアキ量設定」_1109版_01 から 私の「文字組みアキ量設定」_1109版_結 までの7本の記
Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置(行頭行末揃え/ジャスティファイ) 禁則 文字組み(約物前後や和欧間のスペースの設定) 逆を言えば、Illustratorではポイントテキスト(文字ツールでクリックして入力したテキストオブジェクト)を前提としています。 デフォルトの[行送り]は、文字サイズの175%に設定されています。「(14.4pt)」のように()付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日本語では150-190%程度に設定します。 [段落]パネルの[均等配置(最終行左揃
街の看板やポスターなどで、おもしろいとか、かっこいい「文字」を見つけたことはありませんか? 文字には、楽しそうな文字もあれば、繊細な文字、優しい文字もあります。 文字の表情は様々で、そのバリエーションの豊かさに、私たちの日常が支えられているのかもしれません。世の多くのデザイナーは、人々に何かを伝えるときに、 どんな文字を使うべきかといつも試行錯誤を繰り返しています。最近では、デザイナーに限らず、多くの人がパソコンで文字を選べる時代になりました。そんな時代だからこそ、もっと文字の面白さや奥深さを伝えたい。 日本の文字を支えてきた企業「モリサワ」の協力のもと、みなさんの知らない文字の素敵な世界にご招待します。 文字について少し詳しく知るだけで、毎日がもっと楽しくなるはずです。
こんなのつくってみましたがどうでしょうか。 TYPE RHYTHM presents『エレメントで見分ける明朝体』其の一:ヨコ画・タテ画編 書籍を読む時は内容より先に何の書体で組まれているかが気になってしまう。 電車に乗ると、広告のビジュアル的なことよりも使われている書体が気になってしまう。 知らない書体を見かけるとすぐに調べたくなる。 など、文字に興味を持つようになるとこれらの症状がでてくると思います。それで、「ああ、ここではこの書体が使われているんだな〜」なんて思ったりするのですが、例えば明朝体の場合、みなさんはどのように書体を見分けているのでしょうか。 骨格や組んだ感じ、ある特定の文字を見てなどいろいろと判断材料はあると思いますが、私は明朝体の場合、エレメントで判断しています。明朝体ってどれもよく似ていて判断しづらいと思われるかも知れませんが、エレメントを見ると割と簡単に判
56 10 09 2007 漢字が使える日本語フォント 無料ダウンロード 46種類 Japanese, Font 数少ない漢字が使えるフリーの日本語FONTをサムネイル付で紹介。 使用する場合は各ページの利用規約に添ってご利用下さい。 モトヤ - トップページ 会員登録が必要です。 Holiday MDJP02 - トップページ キャパニト・アニト・セプテンバー・あられ・えれがんと・東くずれ - トップページ 会員登録が必要です。 切り文字 - トップページ モフ字 - トップページ S2Gシリーズ - トップページ あくあフォント - トップページ しねきゃぷしょん - トップページ じゃぽねくす - トップページ あずきフォント うずらフォント 怨霊フォント - トップページ あんずもじ - トップページ えるまーフォント - トップページ ウナオジャポン・鞦韆堂フォント・昭和ノスタル
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く