![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67b6d)
HLMT、CSSについて相談です。
私は今までずっと自身のサイトで以下のような総称ファミリーを使って来たのですが、今はGoogle fontを使用する方がメジャーなのでしょうか?
どっちにしたらいいのだろうという悩んでいます。
出来ればGoogle fontでメジャーなfontも教えていただけると大変助かります。
【以下今headに記載してるfont】
body{
font-family:Arial, Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}
No.3ベストアンサー
- 回答日時:
わかっていると思いますが、Web font を使うには、
単に font-family スタイルに名前を指定するだけではダメなことに
注意しましょう。web font をダウンロードする記述が必要です。
また日本語 web font は 20 MB くらいあるので
ページが重くなることを覚悟してください。たくさん指定すると
どえらく重くなります。
デザインを重視せず、軽快なページを望むなら、メジャーなデバイスフォントを指定した方が無難です。
【定番の日本語Webフォント23選】
https://ja.wix.com/blog/2023/02/what-is-web-font/
ありがとうございます!
Web fontの使い方については理解しておりましたので大丈夫です!
ただWeb fontがそんなに思いとは知らなかったので大変ありがたいです!
そんな重いんですね、使うなら1個が無難かな、、
ですね、軽快なページの方が好きなので、やっぱりデバイスフォントが一番と改めて思いました。
定番の日本語Webフォントもありがとうございます!
これ凄い気になってたので助かります!!
No.2
- 回答日時:
> てっきりGoogle fontでないと時代遅れなのかと思ったのですがそうじゃないんですね!
企業サイトとかだと、デザインに凝りすぎて(多くはデザイナーの自己満足)、無用な動画とか意味の無い写真とか満載です。その一環で「私のデザインしたページの文字は絶対にこのフォント(字形)じゃないと駄目だ」という場合にGoogleその他のWebフォントを使います。Webフォントだと、各PCにどんなフォントがインストールされているかに無関係に同じ字形が出ますので。
デザイン重視じゃなくて、コンテンツ重視なら、今のままの方が良いです。
なるほどそうなんですね!
実は本を読んだらことごとくGooglefontを使うと書かれていて、それで時代遅れなのか…?と思ったしだいでした。
確かに個人サイトなのでそこまでデザインにこだわりはないです。
これがクライアント相手ならデザインも固定した方が良いのかもですが、
ということでこのままでいきます。
ありがとうございます!安心しました!
No.1
- 回答日時:
あなたがどうしたいか、どう考えるか次第です。
自分で設定したフォント(にできるだけ近いもの)で見てもらいたいなら、font-familyで指定する。
今の指定があなたの理想ならそのままでいいし、Google Fontの方が理想ならそれに変える。
フォントに拘らない、フォントに(あまり)依存しないデザインならfont-familyを指定しない(あるいはsans-serif/serif等の最低限だけ指定する)
ありがとうございます!
てっきりGoogle fontでないと時代遅れなのかと思ったのですがそうじゃないんですね!
私は今のままで十分満足でこれが好きなので何か困ったことがない限りこのままで行こうと思います!!
なんなスカッとしました!
ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
ちょっと先の未来クイズ第2問
9月9日(月)に発表される「第3回子どもマネー川柳」に入賞する川柳を考えてこちらに投稿してください。
-
Pythonのコードエラーについてです。
その他(プログラミング・Web制作)
-
マイクロソフトがvbを捨てたのは何故ですか C#は変数の型指定ひとつとっても最近の主流とはかけ離れて
その他(プログラミング・Web制作)
-
文系のSE志望です。プログラミングを今から習得したいのですが、初めて学ぶのにオススメの言語があれば教
その他(プログラミング・Web制作)
-
-
4
プログラミング ソースコード
その他(プログラミング・Web制作)
-
5
40代後半でゼロからのプログラム業界への転職
その他(プログラミング・Web制作)
-
6
Win11で作業を自動化したいです。どんなソフトがありますか?教えて下さい。単にマウスで特定の場所を
その他(プログラミング・Web制作)
-
7
CPUが16bitでも32bitOSでコンパイルしたコード(例えばintが4バイトと定義されている)
C言語・C++・C#
-
8
次の日本語の意味を教えて下さい
C言語・C++・C#
-
9
プログラマーは誘惑にさらされる人生?
その他(プログラミング・Web制作)
-
10
近年誕生したプログラミング言語
その他(プログラミング・Web制作)
-
11
10進数からN進数に変換するプログラミング(C言語)
C言語・C++・C#
-
12
逆コンパイルと逆アセンブルの違いはなんですか
C言語・C++・C#
-
13
IF文、条件分岐の整理方法
Visual Basic(VBA)
-
14
趣味レベルでプログラミングをしたいのですがいいコミュニティとかないのでしょうか? 大抵の人はプログラ
その他(プログラミング・Web制作)
-
15
・オブジェクト指向のメリットってなんですか? ・カプセル化だ!とよく叫ぶ人がいますけど、カプセル化が
その他(プログラミング・Web制作)
-
16
プログラミング言語について
その他(プログラミング・Web制作)
-
17
入力された文字列が、LD22000を、出来る限り正確に判断する正規表現を教えてください。 Paiza
その他(プログラミング・Web制作)
-
18
プログラミングの課題がわからないので教えていただきたいです。特にサークル関数を定義した後に呼び出す方
C言語・C++・C#
-
19
テキストファイルの1行目のみを削除したい
その他(プログラミング・Web制作)
-
20
0 == False はいいけど
C言語・C++・C#
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リストの前後の行間をなくす方...
-
文字の位置、上下のマージンが...
-
Format 関数 表示書式指定文字...
-
Excel VBA メール作成について ...
-
h1タグのパンくずリストへの設置
-
遊明朝のプロポーショナルフォ...
-
Excel VBA メール作成について ...
-
テキストボックス途中で切れて...
-
テキストファイルの行を指定し...
-
フォントサイズがaタグで囲うと...
-
ホームページビルダーでサイト...
-
CSSのid名class名の重複回避方...
-
フォント関連の指定はなぜ全称...
-
<pre>にフォントを・・・。
-
background-color: #ddd;の意味...
-
HTMLのTEXTAREAで長さを指定す...
-
CSS/SPANの使用方法
-
文字サイズの制御について
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HLMT、CSSについて相談です。 ...
-
文字の位置、上下のマージンが...
-
リストの前後の行間をなくす方...
-
Format 関数 表示書式指定文字...
-
background-color: #ddd;の意味...
-
HTMLで特定の文字だけ色を変え...
-
全角半角含めて等幅で表示したい
-
リンク文字
-
テキストボックス途中で切れて...
-
テキストエリア内の文字の装飾
-
jquery.validationEngine.jsカ...
-
Excel VBA メール作成について ...
-
fontサイズ指定の ”-(マイナ...
-
特定の文字のみcssを適用するに...
-
Excel VBA メール作成について ...
-
ホームページビルダー作成HPがi...
-
API Sleep関数について
-
iframe 文字化け
-
FireFoxで"display = none"を指...
-
アコーディオンメニューが思う...
おすすめ情報