CSS 特定の英文字フォントのサイズ指定

質問

よろしくお願いします。

お店のロゴがGramomdフォントを使用しているので、テキストで店名が出た時はそのフォントを使って欲しいと依頼されました。
CSSでfont-family: "Garamond";　と指定すると、
Garamondはフォントサイズが小さいので、バランスが悪く
他の文字(フォント指定はしていません）とサイズを合わせたいのですが
いい方法はないでしょうか？

font-size-adjust　というものがあることはわかったのですが、IEでは対応してないようで、使えません。
一つ一つ店名部分に指定する方法しかないでしょうか？

回答No.2

ORUKA1951 · ベストアンサー

せっかくですがGaramondはadbeのソフトをインストールしていないコンピューターの場合は、その端末にない可能性があります。IE7以降だと、フォントサーバーが利用できるが・・
　adbeのGaramondフォントはダウンロードできるはずですが、それをフォントサーバーとして利用できるか否かはわかりません。
　会社のロゴでしたら、(本来はSVG( http://ja.wikipedia.org/wiki/Scalable_Vector_Graphics )がよいが)画像にして利用するほうがよいでしょう。
　<img src="./Logo/garamond.gif" class="logo" alt="会社名をここに" />
として、CSSで、img.logo{ font-family:Garamond;height:1.2em;width:1.2em;}とか。

あるいは、使用できない可能性は無視して、
<span class="Logo">会社名</span>として、CSSでサイズを決めるか。

お礼

回答ありがとうございます。
フォント・・・そうなんですか！？
すいません、知りませんでした。
お店の方のPCで確認できていたので、大丈夫なのかと思っていました。
そして、SVG・・・それも未知の世界でした。
添付していただいた内容を読んで、興味は沸き、試してみたくなりましたが、
今回は普通の画像にするか、フォントの問題を先方に話して相談してみます。
ありがとうございました。

回答No.1

dewdropsxx

フォントタイプと一緒にフォントサイズを指定してあげれば良いのでは？
お店のロゴだけに焦点を当てるならspanで囲ってあげれば良いと思います。

例
HTML)
<span class="name">ショップ名</span>

CSS)
.name{
font-family:Garamond;
font-size: 14px;
}

お礼

回答ありがとうございます。
私の質問の書き方が悪くてすいません・・・
店名以外の英数字も小さくなるので、Gramomdが適応される文字のフォントサイズを大きくできないかなと思ったのです。
でも、店名部分だけに指定した方がいい気がしてきました(^-^;