ChromeだけTEXTAREAのフォントサイズが小さく表示される - Qiitafont-sizeを相対指定にしていると、ChromeだけTEXTAREAのフォントが小さく表示されることがある。 そのようなときは、font-familyを指定することで、正しいフォントサイズになる。
いまさら聞けないCSS font-familyのまとめ
CSSのfont-familyについて調べてみました。そのうちWebフォントが主流になる気がしますがそれまでのまとめということで。 認識誤りがありましたらどこかでつぶやいてください。 １．font-familyとは？ 通常のフォントや太字、イタリック体、斜体など、デザインを統一した複数のフォントをまとめたものを「フォントファミリー」といいます。 「Arial」「Vernada」「ヒラギノ角ゴPro W3」「ＭＳ Ｐゴシック」などがフォントファミリー名です。 このフォントファミリー名を指定するためのプロパティが「font-family」です。 サンプル body { font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
8 fonts you probably don't use in css, but should | 3.7 Designs
Blog 8 fonts you probably don’t use in css, but should CSS has brought us many capabilities in terms of typography and the web, but we always seem to be limited to the same 4-5 typefaces over and over again. There is an inherant problem, if the font you specify isn’t on the viewers computer it won’t render in that font. So as designers and developers we end up selecting the ones that we can safely
個性的だけど色々使えそうないい感じのフォント色々:phpspot開発日誌
Best Free Fonts of 2010 | Freebies 個性的だけど色々使えそうないい感じのフォントを色々まとめたエントリのご紹介です。 次のようなフォントが色々と紹介されています。 Null VAL Stencil Code The Lobster Font AW Conqueror Age Piron SAF こんなにも沢山フォントがあると困りそうですが、ワードに応じてこのフォントを使おう的な検索エンジンがあったら便利かもしれませんね。 関連エントリ Twitterで使われているフォント「Pico」 クリエイティブでユニークなフォント３０ Web2.0っぽい30のフリーフォント集 フリーフォントがダウンロードできる６０サイト
美しいフリーフォント45セット:phpspot開発日誌
45 Beautiful Free Fonts for Modern Design Trends - Six Revisions 美しいフリーフォント45セットが紹介されています。 ロゴデザインなんかに使ってもまったく問題なさそうです。 Cicle Share Reznor Broken Alte Haas Grotesk Abrosia AUdimat 全部見る フォントのインストールのしすぎは注意が必要ですが、これは、というお気に入りのフォントがあったら入れておきたいですね。 関連エントリ 萌え系フォントのまとめ ウェブ、ＤＴＰに使えるクールなフォント集 フリーフォント大量配布/紹介サイトいろいろ フリーフォントを入手するためのトップ５サイト 女性の書いたようなやわらかい萌えフォント「あんずもじ」
すごく良い感じの英文フォントいろいろ:phpspot開発日誌
35 Free Fonts to Enhance Your Designs | Fonts | instantShift すごく良い感じの英文フォントいろいろが紹介されていたので一部ご紹介。 フォントに関しては、いくら紹介してもしきれないほどのフォントが存在し、日々生まれていますね。 Sketch Rockwell このスケッチ感、すばらしいですね。手書き風のかわいいデザインに使えそう Quicksand すっきりしていて綺麗なフォント。汎用に使えそうです。 Sansation こちらもスッキリして読みやすい綺麗なフォント。 Evolution True Type どこかで見たようなちょっと個性の強いフォント。 全部見る ますます、私のディスクを圧迫しそうです。 関連エントリ フリーフォント大量配布/紹介サイトいろいろ 萌え系フォントのまとめ 美しいフリーフォント45セット 女性の書いたよ
JavaScriptによって動的にアンチエイリアス化＆選択してコピーも可能な仕組み「TypeSelect」:phpspot開発日誌
JavaScriptによって動的にアンチエイリアス化＆選択してコピーも可能な仕組み「TypeSelect」 2009年07月13日- TypeSelect - Javascript-based Selectable Typefaces JavaScriptによって動的にアンチエイリアス化＆選択してコピーも可能な仕組み「TypeSelect」のご紹介。 以前、JavaScript を使い、Canvasを使ってアンチエイリアスがかかった綺麗な文字にする typeface.js という仕組み紹介しました。 これにより、文字は簡単に綺麗になったのですが、テキストのコピーペーストが出来ないという問題がありました。 選択してコピーしても文字にはならない。 TypeSelect なら、１文字ごとに選択することが可能で、コピーすることも出来ます。 綺麗にレンダリングされた文字を選択している図 内部的にはt
[ CSS ] フォントサイズを統一＆サイズ変更できる指定方法
本文を 12 ピクセル相当の大きさで表示すべく、font-size:75%; で指定されたページを Mac Firefox 2.0 で見ると文字が小さく見えます。 これは、Mac Firefox 2.0 のデフォルトフォントサイズが 14 ピクセルの為で、計算してみると 10.5 ピクセル相当の大きさでレンダリングされている事になります。 14px * 75% = 10.5px 確かに小さいですねー。 この問題を解決すべく、各ブラウザで同じフォントサイズを実現するには、font-size:12px; とかのピクセル指定すれば良いだけなんですが、Windows Internet Explorer 7 で文字のサイズ変更が出来なくなってしまうのでピクセル指定はアウト。 と言う事で、やりたい事 各ブラウザで同じフォントサイズを実現する。 Windows Internet Explorer 7 で
![[ CSS ] フォントサイズを統一＆サイズ変更できる指定方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/19691f3db719fc116cbcdd5e767c89ee15487f3e/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2018%2F09%2Fudon-1.jpg)
ヒラギノでは全角でデザインされていない文字 - 帰ってきた💫Unicode刑事〔デカ〕リターンズ
たとえば「○か×か」というテキストをヒラギノで表示した際、「×」だけが小さく見えて困惑したといった経験を、多くのMac OS Xユーザが持っていると思う。これは、ヒラギノがU+00D7 MULTIPLICATION SIGN（乗算記号）をプロポーショナルでデザインしているためである。そんなわけで、JIS X 0208の範囲内のいわゆる「全角文字」のうち、ヒラギノでは全角でデザインされていない文字のリスト（ヒラギノ丸ゴ Pro W4、バージョン7.11で表示）を作成してみた。目で見て拾っただけなので、漏れなどがあるかもしれない。 このうちセント記号（U+00A2 CENT SIGN）、ポンド記号（U+00A3）、否定記号（U+00AC）がプロポーショナルなのは、Unicodeの範囲内には他に全角バージョン（U+FFE0 FULLWIDTH CENT SIGN、U+FFE1 FULLWIDTH
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
4990810 フォント
Fancy > Stencil, Army fonts | dafont.com
萌え系フォントのまとめ:phpspot開発日誌
フリーフォントがダウンロードできる６０サイト:phpspot開発日誌
IEにも対応！10分でできるWebフォント実装法 (1/3)
http://www.ingofonts.de/ingofonts/fonts/freefonts.html
10px を基準にしてフォントサイズを指定する