HTML作成 オリジナルフォント

質問

お世話になります。
現在仕事でホームページ作成を任されております。
が、小規模会社の上に専門部署が無いため、素人に毛が生えたレベルの人間がやっています（＾＾；

HTML作成時にフォントを指定しますが、例えば「創英角ゴシック」で作るとChromeなどでは表示されるのですがIEでは表示されない、またオリジナルフォントを使って作っても見る側にフォントがインストされてないと表示されない、という事があります。

これって何とかできないものでしょうか？
会社のホームページなのでできるだけ見栄え良くしたいのですが、普通のゴシックなどではシンプル過ぎて面白みが無く、かといって画像データにまとめてペタッ、では味気なさすぎます。

こういった創英角フォントやオリジナルフォントを見る側にも表示させられるような設定は無いんでしょうか？

ご教示いただければ幸いです。
宜しくお願い致します。

回答No.3

Shin1994 · ベストアンサー

僕もまだまだ小童ですが、多分Webフォントで解決できると思います。

でも、HTML5+CSS3が必要となると思います。普通のフォントファイルをWebフォントに変換するツールもありますので、手持ちのフォントをWebフォント化すれば思い通りのものが作れるものと思います。

WOFFコンバーター
http://musashi.or.tv/woffconv.htm

お礼

ありがとうございます。なるほど、ツールが必要なんですね。
リンク先調べてみます、ありがとうございました。

回答No.7

tracer

他のWEBサイトで希望する表示をご覧になったことはありますか？
一言で申し上げますと、簡単に実装できるなら、他のWEBサイトでも多用されているはずです。
既に回答が出ているように、解決策はないことはないのですが、まだ現実的とはいえないのが現状です。
ほとんどのWEBサイトがそうするように、XP以前なら「MSゴシック(明朝)」、Vista以降なら「メイリオ」、Macなら「ヒラギノゴシック(明朝)」で表示させ、タイトル見出しなど飾りたい箇所のみを画像化する方法がもっとも現実的かと思います。

次の段階で、おそらくのWEB制作初心者の方で思いがちなのが、「フォントを指定できないなら、全部画像にしちゃえばいんじゃね？」という発想です。多くは言及しませんが、これはやめたほうがいいです。やめるべきです。

お礼

＞一言で申し上げますと、簡単に実装できるなら、他のWEBサイトでも多用されているはずです。

そうですよね（＾＾；
何か市販のソフト等で何とかする方法とかあるかなぁ、と思って質問させていただいたのですが、仰る通りですｗ

＞全部画像にしちゃえばいんじゃね？

そうなんです。前回ページを作るときに全部画像にして切り貼りしたんですが、結局見た目で誤魔化してるだけなんで、今回はやめようと・・・。

参考にします、ありがとうございました。

回答No.6

bakaok

>会社のホームページなのでできるだけ見栄え良くしたいのですが、普通のゴシックなどではシンプル過ぎて面白みが無く
そもそもこの考えが間違っているフォントだけで見栄えよくって馬鹿の極みです。
まともに作られている企業のサイトを参考に見てみましょう。
普通のゴシックで見栄えよくできています。
というかまともにWebサイトに力を入れている企業はユニバーサルデザインを意識して作っています。
その中で見る人が設定しているフォントではなくてサイト制作者側がフォントの指定をするのは御法度でしょう。

お礼

＞馬鹿の極みです

ずいぶん上から目線の失礼な発言ですね。
まぁ私は素人同然ですから、知識のある頭のいいご回答者様から見たらバカみたいに見えるんでしょうが、無知だからとバカにするのはどうなんでしょうね。
器が知れるってもんですが。

ご忠告には感謝します。
無知なバカで申し訳ありません、勉強します。

回答No.5

ORUKA1951

何のためにウェブサイトを公開するのか、HTMLを使用して公開するのかを再確認してください。とっても重要なことです。!!!
　そもそもHTMLは、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2 )］より

　視覚障害者のための点字端末や読み上げブラウザ、一種類のフォントしか持たない端末など、あらゆるユーザーエージェントに、そこに何が書かれているかを伝えるためのもので、ワープロやDTP( http://ja.wikipedia.org/wiki/DTP )の出版物とは、目的が異なるものです。
　HTMLでは、どの部分が「見出し」で、どの部分が「本文」で、どの部分が「引用」で、どの部分が「名称と説明」であるかをマークアップして、かつ外部の文書にリンクできるHyper Text Marlup Lunguageの略です。

　そのために、必要なことは文書をそれを構成する要素に従って正しくマークアップすることであって、見栄えはユーザーエージェントや利用者に任せます。もちろんスタイルシートを使ってスクリーン端末にはこう、読み上げソフトにはこう、そのたにはこうとデザインするのです。
　スタイルシートでフォントを指定する場合、多くのコンピューターにインストールされている可能性のあるフォントを順番に記述し、最後にデフォルトのフォントを指定して対処します。しかし、ユーザーが自分の見たいフォントで見たいときは無視されますし、フォントのサイズも自在に変更できます。できるようにするべきですね。--ＨＴＭＬの目的を考えると当然ですね。

　カタログのようなページを期待されているのなら、HTMLではなくPDF( http://ja.wikipedia.org/wiki/PDF )など他のより適切なフォーマットがあります。　

　一度何のためにウェブサイトを構築するのかを再確認してください。

回答No.4

WildBoar

お世話様です。

’これって何とかできないものでしょうか’に対する回答ですが・・・。

CSSをお使いのことと思います。
font-family にて、複数のフォント名が、カンマで区切って指定できます。
ブラウザで表示可能なフォントが、左側優先で選択されます。

適当な書籍を、ご参照ください。

お礼

それは知っています。
ただOSにプリインストールされているフォントだと良いのが無いので聞いてみたんです（＾＾；

ありがとうございました。

回答No.2

dezimac

無い事も無いですが、ちゃんとメーカーや作者にフォントの使用許可取る必要あります。
また日本語フォントはファイルサイズが大きいので、それだけ読み込みに時間を要します。

ASCII.jp：IEにも対応！10分でできるWebフォント実装法
http://ascii.jp/elem/000/000/465/465458/

他に「webフォント」で検索すると色々とみつかります。

http://webfont.fontplus.jp/
http://www.morisawa.co.jp/corp/news/20110810_03.html

過度の装飾（webフォントの指定）やFlashやJavaScriptによる過剰な演出は制作者の自己満足でしか無いと思いますが。
見る側としては演出なんて不要で早く分かりやすく情報が手に入ればいい。

参考URL：

http://ascii.jp/elem/000/000/465/465458/

お礼

「Webフォント」これがキーワードになりそうですね。
探してみます、ありがとうございます。

回答No.1

ok-kaneto

できません。無い袖は振れない、です。

Flashに埋め込むか、画像で貼り付けるか。
そこらへんは、ユーザが指定のフォントで表示できるように互換性の高いフォントを指定しておくというのが今のトレンディです。作り手がしたい事と読み手がしたい事が乖離しているのが現状かな。

でも、webページみるだけで勝手にフォントがインストールされるとやだなあ。
#つーか、「創英角」の見栄えが良いか？

お礼

＞「創英角」の見栄えが良いか？

ものの例えです。
確かに勝手にインストールされるのはイヤですよね。
なんとなくWeb上でだけフォントが表示されればいいなぁと思って質問してみました。

ありがとうございます。