簡単！CSSで日本語フォントの文字間隔調整【font-feature-settings】 | 株式会社LIG

2022/06/08 99 users font-feature-settings CSS DTP

グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは？ 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に... 続きを読む

ブログの文字が小さすぎなのでフォントサイズをCSSで大きくしてみた - はるなぴログ

2018/07/13 71 users フォントサイズ CSS fonts iPhone ロク

はてなブログのテーマInnocentのフォントサイズ設定が小さい 一行の文字数をどのくらいにしたら読みやすいブログになるのか PCでの横書き表示は1行35文字までが読みやすい iPhoneでは一行15文字から21文字程度が読みやすい 行間や文字間隔についても考えてみる 外部CSSファイルを使用するメリット テーマInnocentのfonts... 続きを読む

初心者でもデザイナーのように文字の見た目を劇的によくする「カーニング」をマスターするための9つのポイント - GIGAZINE

2016/02/05 432 users カーニング GIGAZINE フォント 間隔 デザイナー

優れた無料フォントはたくさんありますが、フォントによっては文字を並べた時に文字同士の間隔が不自然になってしまうことも。そんな時は文字間隔を調整する カーニング を行うことでデザインをよくすることができますが、どのようにすれば適切にカーニングができるのか、初心者でも使える9つのポイントがまとめられています。 A Beginner’s Guide to Kerning Like a Designer ... 続きを読む

無料で商用利用も可能なソースコードを読みやすくするためのタイプフェース「Hack」 - GIGAZINE

2015/08/31 63 users シンタックスハイライト キリル ホールド GIGAZINE

モニターに表示する文字間隔やx-height値などを調整し、ソースコードを読みやすくするためだけに作られたオープンソースのタイプフェースが「Hack」です。 Hack http://sourcefoundry.org/hack/ 「Hack」には等幅のレギュラー、ボールド、斜体、斜体ボールドの4書体があり、シンタックスハイライトに必要な全ての書体をカバーしています。ラテン語、現代ギリシャ語、キリル... 続きを読む

DTPデザインの基本｢文字間隔｣について | NPO法人クリエイター育成協会 公式ブログ - Web・デザイン・教育・福祉、各種分野で役立つ情報をお届けします！

2014/06/01 63 users DTPデザイン 福祉 カタカナ 教育 前田

おはようございます！ クリエイター育成協会、｢デザイン｣担当の前田です。 クリエイター1年生に、学校では教えてくれない、 でも、現場に出たら必要となる事をお伝えできたらと思います。 今日は、デザインする時に気をつけたい｢文字」についてシリーズで、お伝えしたいと思います。 本日は1年生の時に見落としがちな、｢文字間隔｣にお話ししたいと思います。 文字間隔は、「漢字」「ひらがな」「カタカナ」｢、｣　｢... 続きを読む

手動SVG組版機

2014/01/26 53 users text フォント 行数 行高 級数

手動SVG組版機 Ver0.1 幅: 行数: 行高: 級数:文字間隔: フォント: text:愛のあるユニークで豊かな文字SET 続きを読む

デザインが死ぬほどはかどるIllustratorショートカットキー15個 | Find Job ! Startup

2013/09/10 104 users Startup カーニング Find Job Shift

IllustratorにはPhotoshopには無い、便利なショートカットがたくさんあります。 今回は、デザインをするのに知らないと絶対損するIllustratorショートカットキーをまとめます。 文字入力に関するショートカット Opt＋←　文字間隔を詰める（カーニング） Opt＋→　文字間隔を空ける（カーニング） ⌘＋Shift＋＞　文字サイズを大きくする ⌘＋Shift＋＜　文字サイズを小さく... 続きを読む

色々と使えそうなフリーフォント４０:phpspot開発日誌

2011/11/02 34 users phpspot開発日誌 フォント 汎用 関連エントリ 印象

40 Free Fonts for Your Professional Designs 色々と使えそうなフリーフォント４０がまとまっていました。 汎用的なものから個性的なものまで４０種類。 たまにサンプル画像を見て使ってみたら同じ印象にならなかった、ということがありますが、同じフォントでも色使いや文字間隔なんかによっても印象が変わってくるところって面白いですね。 関連エントリ 個性的なものから汎用... 続きを読む

IE9ヤバイの話。 - NO UIHARU, NO LIFE. - subtech

2011/05/10 351 users エントリ Microsoft subtech ブックマーク

はてなブックマーク - IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について なんかブックマークのコメントを見てたら突っ込んでおくべきなような気がしたので少しごにょごにょと。 もともとMicrosoft寄りなので信者擁護乙みたいになってしまって、うむむ…って思ったのですがあまりに死ねみたいなコメントが延々と多いのでちょっとうーむと。 この元のエントリではわかりにくいですが以下の3... 続きを読む

IE9ヤバイ。IE9の文字間隔･互換モード･DOCTYPE宣言について

2011/05/07 900 users 出来栄え フォント 間隔 ヤバイ 現象

IE9の不具合？IE9でフォントの間隔が不自然に狭くなる現象を調査しているうちに、色々と面倒臭い現象を発見しました。 IE9,不具合,字間,互換モード,DOCTYPE宣言などについて。 プライバシーポリシー IE9ヤバイ。悪い意味でヤバイ。サイト運営者によっては「これIE6より酷いんじゃない？」ってなりそうな出来栄え。一般ユーザーとして利用するにも、Webサイトが対応するまでは微妙に不便になりそう... 続きを読む