A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
> 今度は「数字」とのフォント分けができません
一般的には英字と数字は纏めた書体が多いので、
{ font-family: "数字書体", "英字書体", "邦字書体", 総称; }
と指定しても英字書体は無視されると思います。
数字だけ別要素で囲んで別途指定するのが現実的でしょう。
<style>
.ochawan { font-family:"英字書体","邦字書体",sans-serif; }
.ochawan var { font-family:"数字書体",sans-serif; font-style:normal; }
</style>
<div class="ochawan">
お茶碗ochawan(仮)<var>123</var>
</div>
参考)
https://developer.mozilla.org/ja/docs/Web/HTML/E …
https://developer.mozilla.org/ja/docs/Web/CSS/fo …
https://developer.mozilla.org/ja/docs/Web/CSS/fo …
No.1
- 回答日時:
<style>
.ochawan {
font-family: "Notosans", "Philosopher", sans-serif;
}
</style>
<div class="ochawan">
お茶碗ochawan(仮)
</div>
上記の例では、`font-family`プロパティに`"Notosans", "Philosopher", sans-serif`と指定しています。フォント名を指定する際には、カンマで区切って個別に記述することが重要です。各フォントがインストールされていない場合、ブラウザは指定された順番に代替のフォントを探し、最終的にデフォルトのサンセリフ体(sans-serif)を使用します。
このように記述することで、「お茶碗ochawan(仮)」というテキストが、"Notosans"と"Philosopher"のフォントを優先して表示されるようになります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
ペイント3Dのテキストサイズ変更
-
テキストエディタmiの表示文字...
-
テーブル内の文字サイズを変更...
-
インラインフレーム内の文字を...
-
エクセルでオリジナルの帳票印...
-
インラインフレーム内の文字の...
-
ウィキペディア(Wikipedia)っ...
-
セレクトボックスの幅を指定し...
-
「プログラミング言語」と「マ...
-
maxlengthとsize
-
ホームページビルダーについて...
-
エクセルで文字が勝手に大きく...
-
グリッドを用いたホームページ...
-
VBAでListViewのフォントを変更...
-
IEのユーザーCSSでwebフォント...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
似ているフォント(Win⇔Mac)
-
教えてください。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テキストエディタmiの表示文字...
-
テーブル内の文字サイズを変更...
-
alertで表示させる文字サイズは...
-
パスワード欄の"●"文字を小さく...
-
ペイント3Dのテキストサイズ変更
-
VBAでListViewのフォントを変更...
-
コピーライト記号の表示が小さい
-
<pre>タグ内のフォントサイズに...
-
CSSです。英数字のみArial書体...
-
奇数のフォントサイズ指定について
-
”ヒラギノ明朝Pro”をWindowsで...
-
セレクトボックスの幅を指定し...
-
英サイト(UTF-8)内での全角文字...
-
HTMLでHGPゴシックEを表現する...
-
alertで、アイコンの変更、又は...
-
【スタイルシート】 半角と全角...
-
HTMLテキストボックス内の文字...
-
エクセルで文字が勝手に大きく...
-
共有メモリについて
おすすめ情報
すみません、「英字」は解決したのですが、今度は「数字」とのフォント分けができません、どうすればいいのでしょうか?