Q&A
画像だけ添付されても。
提示のサイトは自身が運営するサイトですか？宣伝ではないのでしたらサイトURLよりコードを提示すべきです
http://thefirsttime.xsrv.jp/test/tadaima/index.html
上記のページでmacOSのChromeだと表示は崩れないのですが、WindowsOS のChromeだと表示が崩れる原因がわからないのですが、改善方法はありますでしょうか。
具体的には、テキストが枠からはみ出たりするなどの症状です。
画像も添付しておきます。
失礼しました。
追記しておきます。
できれば追記を優先してください。回答でも指摘されています。
あと、「崩れている」はあくまで「正解」がある前提かと思いますので、崩れていないという方のキャプチャもあったほうが良いかと思います。
回答1件
0
ベストアンサー
height固定でfont-family の指定がされていない為だと思います。
winとmacでは、そもそも搭載されているフォントが違いますし
ブラウザの初期設定フォントを使われたら
ある程度大きさや文字間も変わってしまいます。
重くなるのを覚悟で webフォントを使って高さ固定にするか
それぞれの搭載fontを利用して高さ可変にするか
でしょうね。
今回はデベロッパーツールを使ってソースを見ましたが、、、
ソースを掲載していない質問は
回答されない可能性が高いですから
出来るだけ、ソースを載せるようにしてくださいm(__)m
投稿2020/07/30 11:29
総合スコア674
ご回答頂き、ありがとうございます。
お手数をおかけし申し訳ありません。
次回から気をつけます。
>> 重くなるのを覚悟で webフォントを使って高さ固定にするか
高さというのはcssで言うheightですか？
です^^
ありがとうございます！
webフォントについてですが、typekitを使って「kozuka-gothic-pr6n」を適応しているつもりでいるのですが、これでは対応が不十分ということでしょうか。
kozuka-gothic-pr6nはmacフォントだと思ったのですが。。。
headでもcssでもtypekitの読み込みはなされていないようですが??
<script>
(function (d) {
var config = {
kitId: 'ugm7gir',
scriptTimeout: 3000,
async: true
},
h = d.documentElement,
t = setTimeout(function () {
h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive";
}, config.scriptTimeout),
tk = d.createElement("script"),
f = false,
s = d.getElementsByTagName("script")[0],
a;
h.className += " wf-loading";
tk.src = 'https://use.typekit.net/' + config.kitId + '.js';
tk.async = true;
tk.onload = tk.onreadystatechange = function () {
a = this.readyState;
if (f || a && a != "complete" && a != "loaded") return;
f = true;
clearTimeout(t);
try {
Typekit.load(config)
} catch (e) {}
};
s.parentNode.insertBefore(tk, s)
})(document);
</script>
上記がhead内で記述しているのですがこれではダメですか？
Adobe support をざっくり見たところ
初回表示の際は読み込まれないと言って事が書いてあったので
それでしょうか???
サイトもcloseされたようですし、、、
回答できずごめんなさいm(__)m
申し訳ありません。サイトは現在テスト環境のため、移動してしまいました。
下記のURLを参考にしてください。
http://thefirsttime.xsrv.jp/tadaima/index.html
あなたの回答
tips
プレビュー
