質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

20139閲覧

windows10でfont-familyの設定が反映されない

longkkk

総合スコア19

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2016/11/22 05:27

編集2016/11/22 05:53

windows10でfont-familyの設定が反映されません。

■詳細
ASP.NETでwebアプリを作成しているのですが、windows7/IE11とwindows10/IE11で画面のフォントに差異が発生してしまいました。

cssのfont-familyで以下の様に設定しております。
font-family:"verdana","MSPゴシック","Arial","sans-serif";

ですがwindows10/IE11では上記cssの設定が反映されておらず、
フォントが"メイリオ"になっているようです。
※ブラウザの開発者ツールでwindows7/IE11のfont-family:"メイリオ"にした時、
windows10/IE11と同じフォントになったことを目視で確認しています。

windows10/IE11でフォントを設定する際、何か特別な手順が必要なのでしょうか。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2016/11/22 05:47

JavaScript と ASP.NET にタグがついてますが、何か関係があるのでしょうか? 単純に IE と CSS の問題のように思えますが?
longkkk

2016/11/22 05:54

JavaScriptとASP.NETを使ったwebアプリですので、タグを付けておりました。こちらは不要ですので削除致しました。
guest

回答2

0

ベストアンサー

いまさら聞けないCSS font-familyのまとめ
http://www.koikikukan.com/archives/2012/08/13-023456.php

表示フォントはクライアント機に依存して表示します。
左から順番に優先度が設定されます。

ではなぜverdanaが表示されないのか→多分日本語を表示しようとしていた
更に何故MSPゴシックが表示されなかったのか→MSPの部分は全角だったと思います。

で、表示フォントがなかったのでデフォルトのメイリオを表示された、という流れではないでしょうか。

投稿2016/11/22 05:49

takepieee

総合スコア686

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

longkkk

2016/11/22 06:03

ご回答ありがとうございます。 >ではなぜverdanaが表示されないのか→多分日本語を表示しようとしていた >更に何故MSPゴシックが表示されなかったのか→MSPの部分は全角だったと思います。 上記がwindows7/IE11では発生せず、windows10/IE11のみで発生する原因が、 クライアント機の環境依存による可能性が高いという事でしょうか? またwindows10のデフォルトフォントはメイリオでなく、游ゴシックの認識のため 何故メイリオが設定されたのかも分かっておりません。
takepieee

2016/11/22 06:10

対象となる文字を右クリックして要素の検査を開いて下さい。そのフォントにfont-familyは適用されていますか? されているならその部分を修正してください。 されていないならIEのデフォルトフォントで表示されています。 インターネットオプションのフォントボタンで変更可能だったと思います。
takepieee

2016/11/22 06:14

追記:海外のフォント名にダブルクォーツは不要だったと思います。
longkkk

2016/11/22 06:26

ご回答ありがとうございます。 現在windows10/IE11の検証環境ですぐに確認出来ないため、こちらは後ほど確認致します。 >追記:海外のフォント名にダブルクォーツは不要だったと思います。 仰る通りのようですね。こちらも合わせて対応してみます。
longkkk

2016/11/22 06:46

追記です。 font-familyが適用されず、ブラウザのフォントが設定されてしまう時があるという事でしょうか。 また、これはどのような場合に起きうるのでしょうか。 こちらは現在調査中です。もしご存知でしたら教えて頂きたいと思います。
takepieee

2016/11/22 07:00

大手サイトの中には、あえてfont-familyを指定していない所もあると聞きます。 お客様の環境下で、デフォルトで出力させるのが美学なのでしょう。多分。 font-familyを指定しているのに関わらず指定しているフォントがない=上記と同じ現象となります。
longkkk

2016/11/22 08:08

takepieeeさん 大変参考になりました。 ありがとうございました。
guest

0

ググって調べただけですが、以下のような話しがあります。

Windows7版IE11のフォント問題
http://freesoft.tvbok.com/tips/browser/windows7_ie11.html

ie11 font-family などをキーワードにググると他にもいろいろヒットしますので、参考になる記事が見つかるかもしれません。

投稿2016/11/22 06:12

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

longkkk

2016/11/22 06:25

ご回答ありがとうございます。 上記URLを参考にさせて頂きます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問