タグ font-family
人気順 5 users 10 users 50 users 500 users 1000 users2020年に最適なfont-familyの書き方 - ICS MEDIA
2020/03/17
399 users
HTMLコーダー
ICS MEDIA
CSS
フォント
考察
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見か... 続きを読む
font-familyについて本気で考えてみた - Qiita
『CSS Advent Calendar 2019』最終日。 担当は本日20代最後の日を迎える私です。 18日目（CSSの単位remの正しい使い方）も書いていますのでよろしくおねがいします。 今年はmacOSのアップデートによりヒラギノが動かなくなったり、 来年初頭にはWindows7がサポート終了、Edgeのブラウザエンジン変更など、 エンドユーザ... 続きを読む
2016年版：CSSのフォント（font-family）指定はこれがおすすめ。ゴシック体や明朝体、日本語など | Simplie Post
2016/12/15
113 users
明朝体
ベストプラクティス
CSS
フォン
フォント
2016年版：CSSのフォント（font-family）指定はこれがおすすめ。ゴシック体や明朝体、日本語など 2016年11月16日 OSがアップデートされる度に推奨フォントが変わったりするので、CSSのフォント指定は悩みどころですよね。 1〜2年ごとにフォント指定のベストプラクティスは変わってくるような印象があります。 この記事では、2016年現在でのゴシック体・明朝体それぞれのおすすめのフォン... 続きを読む
Re : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い！ - to-R
2016/06/29
111 users
游ゴシック
to-R
Windows
Webデザイナー
前置き
ネタ元 ： Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い！ ネタ元の記事にはいくつか疑問に思われる点があるので私で調べた内容をまとめておきます。 前置きとしてデバイスフォントの話となり環境によって異なる結果がでる可能性があることを前提に読んでください。 font-familyで「游ゴシック」を指定した場合に採用されるフォント まずは以下の箇所 そのため、font-fam... 続きを読む
Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い！ | Cherry Pie Web
2016/06/29
675 users
游ゴシック
悲願
CSS
Windows
フォント
タイトルが旬を外していて、しかもちょっと釣り気味で申し訳ありません・・・ OS X MavericksとWindows 8.1に共通のフォント 「游ゴシック」 ・ 「游明朝」 が搭載され、CSSのfont-familyに 「游ゴシック」 を指定すれば、Webデザイナーの長年の悲願であった 「MacとWindowsで同じ見た目にする」 ということが可能になりました。 しかし実際に指定してみると、Ma... 続きを読む
setTimeout() vs ハッカー、仁義なき戦い - 株式会社CFlatの明後日スタイルのブログ
2014/08/17
112 users
counter
setTimeout
head
仁義
HTML
2014-08-18 setTimeout() vs ハッカー、仁義なき戦い JavaScript 早速ですが、以下のHTMLを見て下さい……。 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>サンプル1</title> <style> #counter { font-size: 3em; font-family: monos... 続きを読む
[CSS]エレガントからレトロまで、text-shadowを使った美しいエフェクト集 | コリス
2013/03/18
258 users
text-shadow
コリス
CSS
エフェクト
レトロ
text-shadowを使った美しい4種類のエフェクトを紹介します。 エフェクトはCSSのみで、もちろん画像は使っていません。 HTML <h1 class="elegantshadow">Elegant Shadow</h1> CSS まずは、各見出し共通のスタイルシートから。 h1 { font-family: "Avant Garde", Avantgarde, "Century Gothi... 続きを読む
画像の代わりに使えるアイコンタイプのWebフォントのまとめ｜Webpark
2012/08/28
390 users
アイコンタイプ
Format
src
font-face
画像
アイコン形式になったWebフォントを集めてみました。これだけ色々揃うと画像を使う場面も減ってくるかもしれませんね。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentyp... 続きを読む
いまさら聞けないCSS font-familyのまとめ: 小粋空間
2012/08/12
419 users
小粋空間
まとめ
太字
イタリック体
CSS
CSSのfont-familyについて調べてみました。そのうちWebフォントが主流になる気がしますがそれまでのまとめということで。 調べたついでに、当ブログのfont-familyも変更してみました。 変更前 変更後 認識誤りがありましたらどこかでつぶやいてください。 １．font-familyとは？ 通常のフォントや太字、イタリック体、斜体など、デザインを統一した複数のフォントをまとめたものを「... 続きを読む
JSONP WebAPIを爆速で使いこなせるフレームワーク - Yahoo! JAPAN Tech Blog
2012/08/10
283 users
フレームワーク
爆速
Yahoo
デベロッパーネットワーク
pre { font-size: 14px; font-family: monospace; } Yahoo!デベロッパーネットワークの中野(@Hiraku)と申します。 「WebAPIの魅力を存分に宣伝せよ」という使命を受けまして、これから何度かTechblogを書くことになります。以後、お見知りおきを。 さて、Yahoo! JAPANが公開しているWeb APIはたくさんありますが、JSON ... 続きを読む
MVC is dead, it's time to MOVE on.
2012/07/02
464 users
MVC is dead
background
pre
MVC is dead, it's time to MOVE on. body{ font-family: 'Liberation Serif', 'Georgia'; background: #FFE; } code { white-space: pre; } article{ -moz-column-width: 60ex; -moz-column-gap: 4em; -moz-column-... 続きを読む
font-familyの指定はウェイトなしのアルファベット表記のみでほぼよさそう | Culture27
2011/12/05
118 users
ウエイト
挙動
フォント
解釈
Culture27
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; 同じフォントを日本語表記とアルファベット表記の両方で指定しているのは、各ブラウザの解釈や挙動が異なるなどの理由からです。ただ、最近のブラウザはどうなんだろうかとちょっと気になったので調べま... 続きを読む
[CSS]IEを含めた主要ブラウザと各スマートフォンに対応した@font-faceの指定方法 | コリス
2011/02/06
170 users
コリス
iOS
font-face
CSS
記述
IE6, 7, 8, 9をはじめとする主要ブラウザ、iOS, Androidのスマートフォンに対応させるための@font-faceの指定方法を紹介します。各ブラウザ・スマートフォンに対応させる@font-faceの指定方法各主要ブラウザ、スマートフォンに対応させる@font-faceの記述は、下記のようになります。@font-face {font-family: 'MyFontFamily';sr... 続きを読む
CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ
2007/02/18
1070 users
ヒラギノ
UTF-8
フォント
デフォルト
CSS
CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New R... 続きを読む