Q&A
うまく表示されない、だけでは問題が見えません。
その画像を提示するなりして、なにがどうなるのかを示し、それがどうなればいいのかを提示しましょう
英語フォントと日本語フォントを併用して、ホームページを作成しています。
どうも英語フォントがうまく表示されません。フォント間の相性はありますでしょうか？
使用フォントverdana,NotoSansJP
font-family: verdana, 'NotoSansJP-Regular', sans-serif;
症状は英語のaとoがwindows環境で上付きに表示されてしまいます。macでまだテストしていませんが、iPhoneは大丈夫でした。
英語フォントのverdanaを消すと、ちゃんとうまく表示されます。
adobe AEMを使用しています。元々ある英語のページを日本語化にしています。
環境に問題でもあるでしょうか？
序数の関連っぽいなとは思いますが、
画像も提示してほしいですし、HTMLとCSSあたりの情報も無いと確かなことは言えません。
できれば問題の起こる最小限までCSSを絞り込んでほしいです。
回答2件
0
ベストアンサー
画面表示系の異常については、ブラウザ等の環境により、
他の人が同じコードを書いても、同じようには表示されない可能性があります。
スクリーンショットや表示に使っているブラウザーの情報は合った方がよいと思います。
<head> <style> * { font-family: verdana, 'NotoSansJP-Regular', sans-serif; } </style> </head> <body> abcdefghijklmnopqrstuvwxyz<br> ABCDEFGHIJKLMNOPQRSTUVWXYZ<br> </body>
結果
投稿2022/12/20 11:15
編集2022/12/20 11:17
退会済みユーザー
総合スコア0
0
このような症状が発生する可能性として、フォントの相性の問題が考えられますね。フォントの相性とは、異なる言語の文字を含む文書を正しく表示するために、複数のフォントを指定する場合に、それらのフォントが正しく協調して動作するかどうかを指します。
通常、日本語と英語を混在させる場合には、英語フォントと日本語フォントを混在させることによって、文章を読みやすくすることができます。しかし、そのような場合には、英語フォントと日本語フォントが相互に適切に協調して動作することが重要です。
そのため、英語フォント verdana と日本語フォント NotoSansJP の相性を調べた方がいいと思います。また、その他にも、HTML の font-family 要素の指定方法や、Web ブラウザの設定なども原因となる可能性があるため、これ以上はわかりません。
投稿2022/12/20 11:08
総合スコア24
ご回答ありがとうございます。このようなこと初めて見ました。font-family 要素の指定方法とWebブラウザの設定をもう一度みてみます。
ちなみにフォントの相性はどうやって調べますでしょうか？
うーん、あまり詳しくないので踏み込めないですが、フォントを二種類使う理由とかってあるのでしょうか？
ないのであれば統一して解決するのも手だと思います。
あるのであれば、実際にテスト環境でフォントの種類をイジイジするのも手ですね。
なるほど、そうですよね。統一することを検討してみます。
意味不明な内容ですが、AIにでも書かせたのでしょうか。
人間が書いているなら、ゴミのような文章を書くのはおやめください。
暴言やめてください＞＜
こわい＞＜
あなたの回答
tips
プレビュー
