サイトでかっこいいフォントを使いたいので、画像としてあつかうには、どういった方法があるんでしょうか?ソフトとかあった方がいいんでしょうか?
前にも質問したんですが、締め切っちゃったんで、新しく質問しなおしたいと思います。

このQ&Aに関連する最新のQ&A

A 回答 (6件)

MAC用のソフトはなさそうですね。

windowsでも、まだ普及していない技術ですから、画像として書いたほうが楽だと思います。

数年後にはもっと普及して使いやすいソフトが、MacでもWindowsでもできると思いますからそのときに使ったら良いと思います。


ちなみに、マイクロソフトによるIE用のフォント埋め込みの例がこのページからのリンクで見ることができます。
http://www.microsoft.com/typography/web/embeddin …
    • good
    • 0

3度目の登場です。



>背景を透明にするには、gifで作成というのは、gif形式で保存するという
ことなんですか?

はい、そうです。
GIF形式で保存すると、背景を透明にすることができます。
たとえば、HPで壁紙や色がある背景を使っていて、背景が透明じゃないと、
字のまわりだけ背景が消えてしまいますので。。。

透明にする方法がわからないときは、使用するソフトをかいて、補足・質問
してください。
わかる範囲でお答えします。
    • good
    • 0
この回答へのお礼

御回答ありがとうございます!!
早速、試してみようと思います!!
透過gifってやつですね?

お礼日時:2002/04/14 02:56

前の質問に答える前に締め切られちゃいましたので、ここでちょっと前の質問に対する回答を書かせてもらいます。



画像を使わなければ、表示できないというのは誤りです。


IEで見ることを前提とするならば、ホームページを見ている人のパソコンに入っていないフォントを表示させることが可能です。MicroSoft WEFTというソフトを使えば、自分の持っているフォントから、ブラウザで見るためのフォントファイルを作成できます。これを作ったHTMLとともにネットに載せれば見ることが可能です。
私のホームページではこの方法を使って、フォントを表示させています。


またNetscapeでは、Bitstream WebFont Makerというソフトを使えば、結構昔から可能のようです。こちらは、Netscapeでしか見られない形式のようです。

さらには、最近のCSS2という規格の中の、@font-faceという設定によって、インストールしていないフォントを見せる方法があるようです。標準的な技術となるはずですから、今後すべてのブラウザがこれに対応すると思います。現在のブラウザでも一部対応しているようです。

詳しく対応状況を調べようと思ったのですが、CSS2の文書が英語で、さらに、@font-faceに関する記述が難しくて理解できなかった部分がありますのでわかりませんでした。

この回答への補足

締め切るの早すぎてすみません。自分でも失敗したなーと思ってたんです。
わざわざ、新スレにも答えてくださって、ありがとうございます。

補足日時:2002/04/14 03:02
    • good
    • 0
この回答へのお礼

御回答ありがとうございます。
MicroSoft WEFTについて調べたところ、Win用のやつしかみあたらないんですが・・。
基本的に Macで作っていきたいなーと思ってるんでけど、これはどうしたらいいんでしょう?やはり、素直に Winでやっていった方がいいんでしょうか?Macはひねくれもんですか?
Mac用のこういう、フォントを埋め込むような物ってないんですかねぇ?

お礼日時:2002/04/14 02:55

そうですねぇ、画像を作るソフトは必要だと思いますよ。


例えば、フォトショップやペイントショップやペイント
などなどです。これで、使いたいフォントで文字を打って
やって、それをHPに使う事のできる画像フォーマットで
書き出してやれば良いのです。
HPに使える画像フォーマットは、JPEG、GIF、PNGの
3種類ありますが、PNGは新しい規格で、対応していない
ブラウザーもある為、使わない方がいいかも知れません。
    • good
    • 0
この回答へのお礼

御回答ありがとうございます。
ペイントショップでやってみようと思います。

お礼日時:2002/04/14 02:52

再び登場です。


背景を透明にしたい場合は、GIFで作成してください。

では。。。
    • good
    • 0
この回答へのお礼

御回答ありがとうございます!!
背景を透明にするには、gifで作成というのは、gif形式で保存するという
ことなんですか?

お礼日時:2002/04/12 20:52

1.一度ペイントなどのソフトで、そのフォントを使用して、文字をかく。


2.画像として保存する。
3.<IMG SRC="画像ファイル名">で、画像として貼り付ける。

というかんじです。

文字くらいでしたら、付属の(Windowsですけど)ペイントなどでも充分です。
フリーのもいっぱいあるので、合ったものを探してきて使って見て下さい。

画像は、JPGかGIF、PNG形式で保存をしてくださいね。

では。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qこのフォントはなんというフォントですか?

http://www.amazon.co.jp/

の左上にあるロゴで使われているロゴのフォントの名前をご存じの方がいらっしゃいましたら、教えていただけませんでしょうか?

以上、よろしくお願いいたします。

Aベストアンサー

Adobeのグラフィックソフトなどに付属しているフォントで
ITC Officina ® Sansというフォントがあります。
http://famousfonts.smackbomb.com/
上記サイトの影響からか、
これをamazonロゴと近いと謳っているサイトをよく見かけますが、
よく見るとだいぶ違いますね。。

最近は有名企業でも、
普通のフォントからロゴを作ってしまうケースが見られますが、
(アサヒ黒生の「黒生」部分がナウMUなど)
こちらはオリジナルではないでしょうか。

Qフォント名もしくは近いフォントを知りませんか?

下記サイトブランド名『efficace』のフォント名、もしくはこれに近いフォントを知りませんか?
http://www.magaseek.com/user/SearchProducts/list?main=brand&brdgp=HSNEFI

いろいろなフォントを探してみたのですが、なかなか見つからなかったので、
もしご存じの方がいたら、教えていただけるととても助かります。。

出来ればフリーフォントだと尚助かります。。

宜しくお願い致します。

Aベストアンサー

専用ツールを使うのが楽

 Fjの詳細情報 : Vector ソフトを探す! ( http://www.vector.co.jp/soft/win95/writing/se078924.html )

 フォント一覧印刷君 - 岩崎 仁の俺は語りたい! ( http://mushikabu.net/freeware/font/ )

 とか、とりあえず私のPC内のフォント・・

Qクラスを2つ付けたい。フォントサイズは一定だが、フォントマージンはコンテンツごとに変動するので。

スタイルシートで、フォント「サイズ」と「行間」を複数個所に別々に設定したいということになります。

あるページのフォントの「サイズ」は固定しているが、それぞれのコンテンツの中でフォントの「行間」は変形したい場合どうしたらいいのでしょうか?

○フォントサイズ(ひとつだけ用意し複数ページに使いまわす)
○フォント行間(こちらはコンテンツによって複数用意し、入れ替える。)
使用例:文字幅をつめてたくさん書きたいコンテンツと、文字幅を広げて少なくても効果的に見せたいコンテンツなど。

クラスでひとつひとつ設定していくとフォントとマージンは一緒になりますよね。そうなると結局それぞれのメニューごとに、CSSをフォントサイズから作らなくてはいけないので大変になってしまいます。

Aベストアンサー

いまひとつ状況が理解できていませんが
タイトル通りclassを複数つけたければスペースで区切ればOKです。
.abc {font-size:10pt;}
.def {line-height:3;}
.ghi {line-height:1.5;}

<要素 class="abc def">フォントサイズ 10pt 行間3行
<要素 class="abc ghi">フォントサイズ 10pt 行間1.5行

QCSSのフォント設定・指示で、複数のフォント指示IDを組み合わせたIDがつくれないでしょうか?

CSSですが、フォント記述が面倒で困っております。
記述したものを組み合わせる宣言をして、XHTMLマークアップの方ではその組み合わせ名だけ記述して済むようにできないものでしょうか?
または、他の方法で簡素化合理化できる方法があればそれでも結構です。
ご教授いただけましたら幸いです。

【フォントサイズ11px】フォントサイズだけを指定したID
【フォントサイズ12px】フォントサイズだけを指定したID
【フォントサイズ14px】フォントサイズだけを指定したID

【リンクカラー緑,hover赤(下線:緑)】リンクだけを指定したID
【リンクカラー白,hover緑(下線:白)】リンクだけを指定したID

【フォントカラー黒(薄色背景用)】フォントカラーだけを指定したID
【フォントカラー白(濃色背景用)】フォントカラーだけを指定したID

【使用する組み合わせ宣言1】上記IDのどれとどれを組み合わせたかを指定したID
【使用する組み合わせ宣言2】上記IDのどれとどれを組み合わせたかを指定したID

というようにして、XHTMLマークアップの方では、例えばテーブルに文章を記述したいなら、テーブルタグに上記の【使用する組み合わせ宣言】のID名だけを記述すればそれでOK、というようにできれば楽になると思うのです。
もっといいのは、CSSで【使用する組み合わせ宣言】のIDは記述必要なく、XHMLの方で組み合わせ宣言できれば最高です。
実際を例に出すと、

------------------------------------------------------------
/* リンク以外のフォント設定 */
------------------------------------------------------------
#font_black {
text-align:left;
color: #FFFFFF;
font-size: 11px;
line-height: 120%;
}

------------------------------------------------------------
/* リンク部分だけのフォント設定 */
------------------------------------------------------------
#font_link_green a:link {
color: #d0ae22;
text-decoration: none;
border-bottom: 1px solid #d0ae22;
}

#font_link_green a:visited {
color: #d0ae22;
text-decoration: none;
border-bottom: 1px solid #d0ae22;
}

#font_link_green a:active {
color: #ff0066;
text-decoration: none;
border-bottom: 1px solid #d0ae22;
margin-bottom: 0px;
}

#font_link_green a:hover {
color: #fde582;
text-decoration: none;
border-bottom: 0px;
}

とCSSで記述しておき、XHTMLの方では、

<table class="#font_black .font_link_green">



などと記載するような(この書き方はあくまで例です)感じです。

このように、CSSのフォント記述において、何か簡素化・合理化する記述方法はないものでしょうか?
普通にやっていたらソースは増えるし色の変更などであちこち書き直す必要があるしで(置換不能なケースもありますし)面倒この上ないですね。
宜しくお願い致します。

CSSですが、フォント記述が面倒で困っております。
記述したものを組み合わせる宣言をして、XHTMLマークアップの方ではその組み合わせ名だけ記述して済むようにできないものでしょうか?
または、他の方法で簡素化合理化できる方法があればそれでも結構です。
ご教授いただけましたら幸いです。

【フォントサイズ11px】フォントサイズだけを指定したID
【フォントサイズ12px】フォントサイズだけを指定したID
【フォントサイズ14px】フォントサイズだけを指定したID

【リンクカラー緑,hover赤(下線:緑)...続きを読む

Aベストアンサー

> それとも自分のこの喜びで喜ぶ場合じゃないもっと合理的な方法があるのかな・・・・^^;

以下はまた余計な説明の1つです。

.hoge1 {
font-size: 11px;
}
.hoge2 {
color: #cc0000;
}
.hoge3 {
border: solid 1px #000000;
}
<p class="hoge1">この段落は文字が小さい</p>
<p class="hoge1 hoge2">この段落は文字が小さくて赤い</p>
<p class="hoge1 hoge2 hoge3">この段落は文字が小さくて赤くボーダーで囲まれている</p>

上記の様な仕様で設計してしまう事は、合理的ではないというか、コンテンツ自体の整合性が低く論理性が薄れる、といった方が良いかもしれません。こういう考え方は言ってしまえば、CSS導入以前にfontタグなどの拡張属性を使用してその場その場で装飾的要素を付加していた仕様を「単に(タグの拡張属性を)記号化して実態を外部ファイルにまとめて書いた」というだけの事になります。CSSは「本来は論理構造のみであった筈のHTML文書に拡張して付加してしまった装飾的要素を取り払い、別物として一括管理する」という様な概念に基づいています。そういう意味では勿論、上記の様な使用法自体は間違いではなく、ケースバイケースでは有用(必然性がある)となる事もあります。
しかし、これではCSSでの定義が装飾そのものに特化しており、論理的な意味を第一とした定義になっていません。ANo.2で回答した「名前」の付け方、ということと関連してきますが、HTML側の論理構造が適切でなければいけないのと同様に、CSSもまた論理的に装飾要素が構成されている事が望ましいのです。何故か?装飾要素は字面の通り「装飾」でしかなく、そのもの自体に「意味」はなく、その実態は常に流動的(デザインが変更されたら併せて変更を余儀なくされる)だからです。上記の様な使用法は結局「装飾」という面を主体とした使用法であり、HTML側の構造が「装飾」に左右される存在になっています。例えば、<p class="hoge1">としていた段落にもやはり「赤い」という装飾も追加したい、となった時にはHTML側も<p class="hoge1 hoge2">と修正しなければなりません。

これに対して、下記の様な仕様であったとします。

.notes {
font-size: 11px;
}
.notes_attention {
font-size: 11px;
color: #cc0000;
}
.notes_special {
font-size: 11px;
color: #cc0000;
border: solid 1px #000000;
}
<p class="notes">この段落は「備考」である(故に文字が小さいという装飾性を与える)</p>
<p class="notes_attention">この段落は「注記」である(故に文字が小さくて赤いという装飾性を与える)</p>
<p class="notes_special">この段落は「特に注目してもらいたいお知らせ」である(故に文字が小さく赤く段落がボーダーで囲まれている)</p>

こういう考え方であれば、CSSのclassの定義自体がHTML側での論理構造と合致している為、例え「装飾性」がどの様に変わろうともHTML側は修正の必要がありません。コーダーは、CSSを有効に利用・管理、進行過程でのデザイン変更の可能性も予め頭に置き、とにかくメンテナンスを合理的に行う為に、デザインを見た段階でまず「的確なHTMLのマークアップ」をする為の論理的意味を各要素のレイアウトやスタイルに対して関連づけて行くところから始めます。

この考え方は、くしくも質問者様の仰っていた

> ただ、一番良いのは、XHTMLのclassで複数のclassセレクタを記述するのではなく、
> これすらもCSSでグループ名でもつけれたら最高ですが。
> これがもしできれば、もしも複数のclassのうちひとつ別のclassと差し替える必要が出たとき(そのclassを記述し直しすればいい気もするので> 本当にこんな事象があるのかわかりませんが)、CSSのグループ登録箇所だけ直せば良いのでラクチンです。

を実装しているものであり、

> これができないと、XHTML側の全ての記述を書き直す羽目になります。

まさにその様な「非効率的な手間」を省く事にもなります。質問者様はclassごとでの装飾要素の重複を嫌われて「装飾要素」のパーツごとに分解し、それを組み合わせて使うやり方を選ばれてしまったわけですが、 個々の装飾要素が各「論理的意味付けのあるセレクタ」において重複している事自体は、CSSとして何の問題もないのです。

> こんなにやりやすいのに、なんで大企業サイトでclass="hoge1 hoge2"という記述を見た記憶がないんだろう・・・
> たまたま見たサイトだけのことなんだろうか・・・・・

それはつまり、残念ながら多くの(CSSを的確に導入しているサイトに限ります。企業であってもお粗末な構成のところは少なくないですから)サイト制作者にとっては、その様な仕様は「やりやすく」はない、ということになるかと。巨大なコンテンツを抱えるサイトほど、その様な効率の悪い構成にはしないでしょう。

しかしながら、質問者様が
> それはそれとして、兎に角現状でもとっても満足です!
であり、ご本人にとってそれが一番やりやすいという事でしたら、それは勿論個人の自由ですので。

それから、質問者様はCSSのシンタックスの理解がまだまだ不足しておられる様です。今回は目先の納期の問題もあり、時間がないのかもしれませんがせめて次のお仕事までにはじっくりと学ばれて正しい知識を身に付けておくべきでしょう。相手が素人さんや趣味のサイトを制作しているなら自由に勝手にやって下さい、とスルーするところですが、この仕事でお金をもらう以上、現在の様な「うろ覚え」の知識でCSSを使う事は許されないと思いますよ。
このスレッドや他のスレッドでのコメントを拝見してきた率直な感想として言わせて頂きましたので、悪しからず。

> それとも自分のこの喜びで喜ぶ場合じゃないもっと合理的な方法があるのかな・・・・^^;

以下はまた余計な説明の1つです。

.hoge1 {
font-size: 11px;
}
.hoge2 {
color: #cc0000;
}
.hoge3 {
border: solid 1px #000000;
}
<p class="hoge1">この段落は文字が小さい</p>
<p class="hoge1 hoge2">この段落は文字が小さくて赤い</p>
<p class="hoge1 hoge2 hoge3">この段落は文字が小さくて赤くボーダーで囲まれている</p>

上記の様な仕様で設計してしまう事は、合理的ではないというか、コン...続きを読む

QウィンドウズでCSSでフォント固定したのですが、マックだとフォントサイズが崩れるのはなぜでしょうか。

タイトルのままなのですが、
ウィンドウズでcssを使ってフォントサイズを固定しました。
そしてそれをウィンドウズのintenet explorerで確認するとフォントサイズは完全に固定になりました。

ですが、マックのエクスプローラでフォントを拡大すると文字が拡大されてしまいます。
これはなぜなのでしょうか。

なんとかしてフォントサイズを拡大されるのをふせぎたいのですが。

宜しくお願いします。

Aベストアンサー

回答ではなくアドバイスです。

> なんとかしてフォントサイズを拡大されるのをふせぎたいのですが。

無駄だと思います。 
Macのことは知りませんが、WindowsのIEでも
オプションの「全般」→「ユーザ補助」で
フォントサイズの固定を拒否できます。

少なくとも私は、サイズを固定されるページには
いらいらが募るため、いつしかオプションで
拒否するようになりました。周りの人にも勧めています。
Webページで「サイズ固定を拒否しよう同盟」をつくろうかとすら
思っています。

こちらもご参考に。
http://www.dieen.net/internet/not_pt.html
目が悪い人の自由を奪うサイトがいいサイトなのか
といった問いかけは重いです。

私もWebページを作っていますので
サイズを固定したい気持ちはとてもよく分かるのですが、
上記ページの最後の取り消し線部分に賛同します。

参考URL:http://www.dieen.net/internet/not_pt.html


人気Q&Aランキング

おすすめ情報