いまさら聞けない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;
完全にフォントだけで勝負しているカッコよくてシンプルなサイト集
日本デザインセンター / Andreas Pihlström / TYP他...全14件
Fonts2u.com
ダウンロードしたファイルを解凍する。 プラットフォームによって： Windows 10 / 8 / 7 / Vista ：フォントファイルを右クリックし、「インストール」を選択する。 Mac OS X：フォントファイルをダブルクリックし、「フォントをインストールする」を選択する。 Linux：フォントファイルを/USR/SHARE/FONTSにコピーする。 Fonts2u.comで利用可能なフォントは、GNU/GPL、フリーウェア、個人利用に限り無料、ドネーションウェア、シェアウェア、あるいはデモです。ライセンスタイプは明示されていますが、混乱を避けるため、それぞれのフォントの詳細に示されている情報を読むことで必ず再確認してください。
標準の日本語フォント / もうパンツはかない
各環境でどんな日本語フォントが使えるのか、まとめてみました。 それぞれのOSで標準添付されていると思われる日本語フォントをCSSの指定で表示させたものをキャプチャーしました。小さい方の字は16ピクセル、大きい方は 150% とCSS上で指定しています。使用ブラウザは主に各環境の標準ブラウザ(MacはSafari、WindowsはEdge)です。 Mac Windows Linux macOS Sonoma (14) ヒラギノ角ゴシック (ウェイト:W0〜W9の10段階) font-family: "HiraginoSans-W0","Hiragino Sans","ヒラギノ角ゴシック"; font-weight: 100; font-family: "Hiragino Sans","ヒラギノ角ゴシック"; font-weight: 400; font-family: "Hiragino S
全標準フォント一覧 / もうパンツはかない
標準で入ってると思われるフォントのリストです。日本語・英語以外の言語用のフォントも混じってます(ただしきちんと英数字が含まれるもののみ)。 フォントのキャプチャ画像の下に、CSSでフォント指定をしています。インストールされていればそのフォントで表示されるはずですが、ブラウザや設定によっては指定が効かないフォントもあります。斜体以外の文字の太さ・幅のバリエーションも拾いだしてみました。ページデザインの参考にどうぞ。 各枠右上の三角印をクリックするとCSSを表示し、×印のクリックで閉じます。また右側のピンク色の枠へドラッグして取り置きすることができます。取り置きを捨てたり並べ替えたりもできます。(IE9以前とスマホ・タブレットでは取り置きできません) なお、Mac用で枠の右端が赤いものは、必要に応じてダウンロードできるフォントです。(言語を日本語としてmacOSをインストールした場合は下のフォ
i2f:Interactive & Interface Factory
デザインプロダクション「i2f」のコーポレートサイト。様々なフィールドでお客様が抱えるさまざまな課題に合ったソリューションを積極的に提案しゴールを達成するためのお手伝いをいたします。
はるかフォント手書き風日本語フォント
手書き風日本語フォント はるかフォントとは はるかフォントは女性のキュートな手書き文字を参考にして作成した書体。近年の女性の文字のクセを取り入れつつもデザ インとして統一感のあるフォント。自分らしく自由にイキイキと活動している。そんな元気な女性像をイメージしています。ひらがな、カタカナ、アルファベッ ト、記号のみの書体ですが、一般的な丸ゴシックの漢字と組み合わせて使える、最適な線の太さになっています。 例えば、文字で「女性の元気」を表現したい時に威力を発揮するフォントです。 ティーン向け女性誌などのデザインに、手書き風のフォントが相性が良いのはもちろん。吹き出しなどのコメントにもピッタリです。手書きフォントよりも視認 性が高く読みやすいのに、手書きのような「やさしさ」や「味わい」も感じられるHaruka（はるか）フォントをぜひお試し下さい。この下に使用例サンプルを作ってみました。DTP・デ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
twistori
