• ベストアンサー

HPビルダーのフォントついて??

私はビルダー8を使ってHPを作成しようと しているド素人です。 どうか教えて下さい!! フォントをたくさん持っているのですが Web上ではPCの環境がそれぞれ違いますから あまり使い倒さない方がいいんんでしょうか? と、言うより使えないのでしょうか? そんな疑問を抱えていて、ふとこんな注意書きに出会いました!            ↓ >WWW上でこんなフォントを使っても一定のユーザーにしか正常に表示できません >し、使うこと自体がアクセシビリティに反しています。 >最悪使うのであれば、CSSを使って、最後に総称ファミリを指定するように心がけましょう。 この中でも特に・・・ 【>最悪使うのであれば、CSSを使って、最後に総称ファミリを指定するように・・・】 と、いう部分に至ってはサッパリ分かりません(+_+) まるで宇宙人とのお話みたいです!! どうかこんな私でも分かり易く解説して下さる方はいらっしゃるでしょうか? 助けて下さい。宜しくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • clock21
  • ベストアンサー率73% (11/15)
回答No.1

まず、インターネットにおけるフォントの仕組みについてご説明します。 携帯電話の「絵文字」を使ったことはありますか?docomoやauのカラフルな絵文字は、ハートや星の画像そのものを送信しているのではなく、「ハートを表示しなさい」「星を表示しなさい」というプログラム命令が、メールの中に仕込まれて送られているのです。  インターネット上のフォントの仕組みは、この考え方によく似ています。それぞれのパソコンの中には、丸文字やゴシックなどの色々なフォントがインストールされています。インターネット上では「丸文字のフォントで表示しなさい」という命令だけが掲載されています。   さて、docomo⇔auや、docomo⇔TUKAのように、機種の違う携帯電話に絵文字を送って、「私は可愛いハートを付けたのに、相手は"〓"って表示されてる!」となったことはありませんか。これは、「docomoの携帯の中にはハートマークが入っていたけれど、送った相手はTUKAだったからハートマークが使える絵文字の中に無かった」などということが原因です。   あなたのパソコンの中には、丸文字やゴシック、飾り文字などの可愛いフォントがたくさん入っていることでしょう。けれど、そのフォントを使ったホームページをインターネットに公開しても「丸文字で表示しなさい」という命令は「丸文字のフォント」が入っているパソコンにしか適応されません。docomoの絵文字が、docomoを使っている人にしか見えない事と同じです。そしてフォントというのは、何千種類・何万種類とあります。あなたの持っているフォントを、誰もが確実に持っているというわけではありません。   というわけで、インターネットのルールとして「フォントを指定するのはやめましょう」とあるわけです。     ただ、「★」「●」「▲」のように「機種が違ってもほとんどの携帯に入っている絵文字」があるように、「ほとんどのパソコンに入っているフォント」というのがあります。それを使用するのが、ご質問にあったCSSを使った総称ファミリの指定です。 参考URLに、詳しい説明がありますのでどうぞ。 ただこの方法は、スタイルシート(CSS)という、初心者から一歩上のランクの技術です。一通り勉強してからの着手をお勧めいたします、

参考URL:
http://msugai.fc2web.com/web/app/font.html
slayer66
質問者

お礼

そうなんですかー^_^; 良く分かりました♪ 気をつけますね。 どうもありがとうございました!

その他の回答 (1)

noname#12055
noname#12055
回答No.2

> 分かり易く解説して下さる方はいらっしゃるでしょうか? あなたは専業主婦で、今日の夕飯はカレーにしようとします。 買い物に行くのが面倒なので、こどもに買いに行かせるとします。 こどもにこう頼みます。 「エスビーの○○カレーがあったらそれね。 なかったら、ハウスの××カレーね。 それもなかったら、カレールーなら何でもいいよ」。 これと同じことです。 こまかく指定した後「カレールーなら何でもいいよ」みたいに 最後におおざっぱに指定しろということ。 おおざっぱな指定の仕方は「ゴシック系のフォント」とか 「明朝系のフォント」とか、いくつかあります。 1番さんの参考URLの最初にあるヤツです。 ---------------------------------------------- > Web上ではPCの環境がそれぞれ違いますから > あまり使い倒さない方がいいんんでしょうか? そのほうがいいですね。 Webページは閲覧者のマシンに入っているフォントを使って 表示しますから、指定したところでムダになることが多いです。 また、閲覧者の立場からしても、フォントなんか 指定してほしくないです。うるさいだけですから。

slayer66
質問者

お礼

さらに分かりやすいご説明、誠にありがとうございます!! とても勉強になりました! こんな私にでも理解させてくれるなんて・・・ ココは素晴らしい! 病み付きになりそうです(^_^)v またお願いしますー!

関連するQ&A

  • HPビルダー CSSの読み方 

    ページごとにフォントの大きさや行間がバラバラなので統一したいのですが CSSでサイトの細かいことは指定してあるはずなので そこにいって確認しようと思うのですが CSSを見ても意味が全くわかりません。 HPビルダーなのですが どこにフォントや行間の指定がされているのか 教えてください。 CSSの読み方を自分で勉強するのですが なかなか難しく 理解できません。 そのへんの勉強方法も教えて頂ければ嬉しいです。

  • font-sizeについて

    ブログのレイアウトを私オリジナルのものに変えたくて、今のCSSの記述を読んでいたのですが、よくわからない記述がありました。 /*---------- CSS部分 ----------*/ body { background-color: 背景色; color: 文字色; text-align: center; font-family: フォントの種類; font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small; } わからない点は1点です。 1、上記でまず、「font-size: x-small;」と指定してあるのですが、最後に「font-size: small;」と指定しなおしています。これはどのような意味があるのですか? なぜ2回も指定しているのでしょうか? すいません、ご教授よろしくお願いします。

    • ベストアンサー
    • CSS
  • font-familyで指定するフォント名の調べ方

    cssのfont-familyで指定するフォント名の調べ方を教えてください。 cssで指定するときの名前は、アルファベット表記、日本語表記ともに、 PCのどこを見れば書いてあるのでしょうか。

    • ベストアンサー
    • CSS
  • font-familyで、メイリオに記号をつける?

    WEBを勉強していて気になったので、質問します。 CSSでフォントを指定する際に使う”font-family”ですが、 参考書や解説サイト等では、フォント名にスペースがある場合は、「"」か「'」を前後につけて指定をすると書いてあります。 そこで、「メイリオ」というフォントの場合、スペースが無いと思うのですが、 なぜ「"」、「'」などを前後につけてあるのでしょうか?

    • 締切済み
    • CSS
  • @font-faceを別cssで管理できますか?

    @font-faceを指定したcssと、 セレクタで上記font-familyを指定したcssを、 別にする事は可能でしょうか? 例)※細かい属性等は省いています ◆hoge.html内の記述 ----------- <link href="font.css"> <link href="style.css"> ----------- ◆font.css内の記述 ----------- @font-face{ font-family:"hoge_font"; src:url("hoge_font.woff"); } ----------- ◆style.css内の記述 ----------- .element{ font-family:"hoge_font"; } ----------- googleフォントでのStandard使用方法例が上記の例と同様なので、 使用できそうな気はするのですが、 接続のイメージだと、font.cssとstyle.cssに、 ほぼ同時にリクエストが飛ぶので、 font.cssよりもstyle.cssが先にダウンロードされると、 style.css内のfont-family:"hoge_font";指定が迷子になり、 該当fontをレンダリングできないのでは、と懸念しています。 この方法で不具合があった、等の情報を教えてください。 よろしくお願い申し上げます。

    • 締切済み
    • CSS
  • font-familyのフォント名について

    CSSにあまり詳しくないので、質問させてください。 フォントを丸文字系で指定しするのに、 font-family: fantasy; ですとどうも範囲が広すぎるような気がします。 フォントを楷書体や教科書体で指定するのに font-family: cursive; では草書体や行書体になってしまい読みにくくなりそうで不安です。 できれば、font-familyに 楷書体や丸文字系のフォントでメジャーなもの でも列挙したいのですが、 自分で使っているもの以外、なにも思い浮かびません。 なにかよい情報をお持ちでしたらご教授ください。 お願いいたします。

    • ベストアンサー
    • HTML
  • FirefoxでSymbolフォントが表示されない

    Firefoxで特定の場合にシンボルフォントが表示されずにブラウザのデフォルトフォントで表示されてしまい困っています。 1. <font face="Symbol">などとfontタグを用いて指定すれば表示されるのですが、cssでfont-family:Symbolと指定された場合には表示されません。 2. fontタグで指定しても場合によっては表示されないことがあります。 ブログでfontタグで指定したのですが、なんらかのcssが邪魔をしたのか、表示されませんでした。 Symbol,Windings,Marlettなどのシンボルフォントは全て駄目のようです。 ここで質問ですが、 cssでfont-family指定されたシンボルフォントを見られるようになるFirefox側の設定はあるでしょうか? また逆に、初期設定のFirefoxでも表示されるようなcssの指定はできないでしょうか?

  • font-family、font-sizeについて

    こんばんは。 今自分のサイトを作っているのですが、普通にCSSでフォントの種類(font-family:英数字だったら○○、日本語だったら○○など)・大きさ(font-size:ピクセルかパーセント)などはどのように指定をするのが一般的でしょうか?

  • CSSによるfont-familyの指定について

    正しいHTML、CSSという観点から、CSSでfont-familyを指定するべきなのでしょうか? それとも、しない方が良いのでしょうか? もし、指定するべきであれば、どのように指定すれば、良いでしょうか? OSなどPC環境、ブラウザ環境を考慮して、どのように指定すれば良いか、分かる方がいらっしゃれば、教えて下さい。 よろしくお願い致します。

  • WEBフォント使用時にfont-family指定

    bodyにfont-family指定をし、サイトの一部分にWEBフォントを使用しています。IOS/Android向けに書いているCSSなのですが、Androidスマホ実機で検証した時だけbodyに指定したfont-familyが効かなくなってしまいます。 そもそもbodyなどにfont-familyを指定して、さらに@font-faceの中でまたfont-familyを書くのが間違いなのでしょうか?それともAndroidのバグなのか?Webフォントとその他のフォントの併用について、なかなかわかりやすい資料が見つけられず悩んでいます。 ググりまくった結果、古めの記事を見つけ @font-face{ font-family : 'WEBフォントのフォント名','メイリオ',sans-serif; src : ~略~ } みたいな書き方が載っていたので、試してみましたがこれはやはりダメでした。 Webフォント自体の表示は上手くいっており、IOSでも期待通りにbodyのフォント指定は効いています。どうぞよろしくお願いします。

    • ベストアンサー
    • CSS

専門家に質問してみよう