CSSでfont-familyを1個だけ指定した場合、フォントが無い環境の人は、文字化けになる場合がありますか?
例えばですが、font-family:'HGP創英角ポップ体';
とか、1個だけを指定した場合に、フォントがなければ、普通は適当に該当させて表示してくれると思いますが、
文字自体が表示出来ないで文字化けとかになってしまう環境があるのでしょうか?
もしそうなら、
font-family:'HGP創英角ポップ体','HG創英角ポップ体',sans-serif;
こんな風に安全策でsans-serifも書いているのですが、sans-serifが変なので、それなら該当なし(無指定)にされてゴシックで適当に表示されたいのです。だから1個だけで指定したいのです。どうでしょう?
No.3ベストアンサー
- 回答日時:
>文字指定は、タイトルだけなんですが、font-family:'HGP創英角ポップ体'; の一個だけなら、ブラウザによっては、文字化けの可能性があるって事ですよね?
すみません、回答を書いているうちに質問の趣旨を勘違いしていたみたいです。
HGP創英角ポップ体に限って言えば手持ちの情報を見る限り上記の指定でもバグが起こるという情報は見当たりません。
もちろん100%とは言い切れませんが、大丈夫だと思います。
No.4
- 回答日時:
<title>***</title>
上記のタイトルの事ですか?
基本的にfontに指定されたファイルが環境下に無い場合は「ブラウザの標準」のファイルで表示されます。
で在るから特に問題は無いのですが、fontを指定しての表示は極力避けて記述するのが常道ですね。
タイトルは、表示されるホームページ上の目立つ部分のタイトルって事で、headの<title>タグの事ではないです。説明が下手ですいません。
No.2
- 回答日時:
とりあえず以下の点を配慮する必要があるでしょう。
・フォントに依存するような書き方をしない
・特殊フォントをどうしても使いたい場合は画像として使う。
・画像として使う場合はフォントの意匠について使用許諾を自己責任で確認する。
・別アプロートとしてはpdfなどフォントを埋め込めるファイル形式
を利用する。
この回答への補足
無指定でもいいんですけど、出来るのなら、'HGP創英角ポップ体'を表示したいんですが、 でもsans-serif ならイヤなんです・・・
'HGP創英角ポップ体' or 無指定 どっちかにしたいのです。
こんな設定ありますか?
No.1
- 回答日時:
一応フォントが無くてもブラウザの設定が反映されて文字化けすることがないようになっています。
ですが条件によってはブラウザのバグで文字化けすることもあるようです。
これを回避するために、閲覧環境を考慮に入れた上でwinとmacにそれぞれ標準で入っている和文と欧文を含むフォントと総称ファミリの指定を先に行っておきます。
総称ファミリの中でもsans-serifはまた別のバグが出ることがあるので一番最後に書くようにします。
font-family:Osaka, "MS Pゴシック", sans-serif;
それ以外のフォントは和文と欧文を含むフォント以外指定しないようにします。
指定する時は Osaka よりも先に記述するようにして、フォント名はファミリーネームとフルフォントネームの両方を指定するようにしてください。
この回答への補足
文字指定は、タイトルだけなんですが、font-family:'HGP創英角ポップ体'; の一個だけなら、ブラウザによっては、文字化けの可能性があるって事ですよね?
'HGP創英角ポップ体'を表示したいけど、'HGP創英角ポップ体'が無い場合には、sans-serifでは無くて無指定がいいんです。ただ、文字化けだけはさせたくないのです。
そんな都合の良い設定って無いでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しており 4 2022/11/04 10:36
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS 英字と日本語が並んだhtmlの自体をcssで指定したい 2 2023/05/22 23:58
- 政治 私の発明した「二階建て漢字」は使えるでしょうか? 3 2023/02/08 16:40
- その他(インターネット接続・インフラ) Webサイトのフォント・級数変更について 1 2022/10/18 18:08
- Mac OS Macでsans serifと同じフォントは何になりますか? 1 2023/08/22 21:57
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/02/08 09:05
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- Android(アンドロイド) 海外のAndroid 端末の場合、日本語全角は、どう表示されるのでしょうか? 1 2022/10/02 21:16
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
セレクトボックスの幅を指定し...
-
テキストエディタmiの表示文字...
-
alertで表示させる文字サイズは...
-
ペイント3Dのテキストサイズ変更
-
奇数のフォントサイズ指定について
-
alertで、アイコンの変更、又は...
-
HTMLテキストボックス内の文字...
-
IEとfirefox、行間の表示が異...
-
ハテナなどの記号を使う場合も...
-
VBAでListViewのフォントを変更...
-
三点リーダー(…)が...と文字化...
-
ダイナミックフォントって?
-
エクセルで文字が勝手に大きく...
-
【スタイルシート】 半角と全角...
-
HTMLでの全角スペース
-
HTMLでHGPゴシックEを表現する...
-
英サイト(UTF-8)内での全角文字...
-
HTMLの文字大きさ表示のとき
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
alertで表示させる文字サイズは...
-
テキストエディタmiの表示文字...
-
ペイント3Dのテキストサイズ変更
-
VBAでListViewのフォントを変更...
-
セレクトボックスの幅を指定し...
-
”ヒラギノ明朝Pro”をWindowsで...
-
<pre>タグ内のフォントサイズに...
-
コピーライト記号の表示が小さい
-
エクセルで文字が勝手に大きく...
-
alertで、アイコンの変更、又は...
-
CSSです。英数字のみArial書体...
-
パスワード欄の"●"文字を小さく...
-
奇数のフォントサイズ指定について
-
HTMLでHGPゴシックEを表現する...
-
CListCtrlで行の高さを指定した...
-
<table></table>内のFONT指定に...
-
MoveWindowで位置だけ変更する...
-
HTMLテキストボックス内の文字...
おすすめ情報