あなたの映画力を試せる!POPLETA映画検定(無料) >>

現在ホームページを作成しているのですが、文字の字体をワードなどで良く表現される「HGPゴシックE」で表現することは不可能でしょうか?

今応急処置としてワードで打った「HGPゴシックE」の文字を画像化してホームページにアップしていますが、普通に打つことは不可能でしょうか?

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

A 回答 (5件)

fontタグなら


<font size="6" face="HGPゴシックE">フォントサイズ6、ゴシック体</font>

スタイルシートなら
font-family:HGPゴシックE
    • good
    • 0

#2 の方の仰るように、「HGPゴシックE」がインストールされていなければならないWebサイトになるので、


「HGPゴシックE」に依存したコンテンツはお勧めしがたいですが…。

以下のようにスタイルシートを設定することで、
"HGPゴシックE" のフォントがインストールされていれば、"HGPゴシックE" を
なければ、訪問者が使用しているWebブラウザの既定の「ゴシック系フォント」が適用されるようになります。

font-family: "HGPゴシックE",sans-serif

念のため、他のゴシック系フォントでも表示を確認することをお勧めします。
"MS ゴシック" のフォントは確かめた方が良いと思います。

参考URL:http://www.scollabo.com/banban/ref/refcss_02.htm …
    • good
    • 0

 「このサイトは、基本的にHGPゴシックEを基準としています。

~からDLして下さい。」
と、そのDLページにリンクを張っている人がいました。こんなのも良いんじゃないんでしょうか。
    • good
    • 0

可能ですよ。



ただし、そのページを見る人のPCに「HGPゴシックE」がインストールされている必要があります。

どうしても「HGPゴシックE」で見せたいなら、画像かPDFしかありません。
    • good
    • 0

fontタグで指定すれば、クライアントにフォントがインストールされていれば表示されます。


そうでない場合もありますので、やはり画像(もしくはフラッシュ等)化しかないと思いますけど。

この回答への補足

どのようなタグか教えていただいてもよろしいでしょうか?

補足日時:2006/07/20 22:57
    • good
    • 0

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人が検索しているワード

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

Q似ているフォント(Win⇔Mac)

Windowsに標準付属(だと思われる・・・)の「HGPゴシックE」というフォントについてお聞きします。

サイト内で、このフォントを使用したい箇所があるのですが、Macで閲覧する場合、(このフォントがインストールされていないWinPCは除くとして・・・)当然別のフォントに置き換えられてしまいますよね?
そこで、このフォントに一番近い(似ている)というMac用フォントがあれば、教えていただけますか?

Aベストアンサー

マックの標準システムフォントであるOsakaが、ずばり似ているのではないかと思いますが。あと、OSXだったら「ヒラギノ角ゴProW6」とかが、やや似てるかな?といった感じでしょうか。

Qfont-family の記載方法

「HGP創英角ゴシックUB」というフォントを使いたい時、CSSにはどのように記載すればいいのでしょうか?

font-family:"HGP創英角ゴシックUB";

と書いたのですが、うまくいきません。
どこに問題があるのでしょうか?

「半角スペースを入れる」とか「全角と半角の違い」などでしょうか?

どなたかわかる方、どうぞよろしくお願いします。

Aベストアンサー

フォント名は正確に記述する必要があります。
Windowsユーザーでしたら、簡単なのは付録のメモ帳を起動して、編集→フォントを選択して希望のフォント名を選択したら、フォント名が反転している状態で、Ctrl+C、あるいは右クリックからコピーを選択してクリップボードにコピーしてから、font-family以下に貼り付ける。

font-family:"HGP創英角ゴシックUB";
font-family:"HGS創英角ゴシックUB";/* ゴシックは半角・・システム上半角は全角に直されるかも */

Q「いずれか」と「いづれか」どっちが正しい!?

教えて下さいっ!
”どちらか”と言う意味の「いずれか」のかな表記として
「いずれか」と「いづれか」のどちらが正しいのでしょう???

私は「いずれか」だと思うんですが、辞書に「いずれか・いづ--。」と書いてあり、???になってしまいました。
どちらでもいいってことでしょうか?

Aベストアンサー

「いずれか」が正しいです.
「いづれ」は「いずれ」の歴史的かな遣いですので,昔は「いづれ」が使われていましたが,現代では「いずれ」で統一することになっていますので,「いずれ」が正しいです.

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよければ

<h3><span>××○○</span></h3>
のようにspanで囲い、スタイルをspanに対して指定する方法もあります。

h3 span{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

Qエクセルの線(飛び越え線)の引き方

教えてください。

エクセルで表作成の際に、(家計図や連絡網系の)
線を飛び越えて線を引きたいのですが
なんて表現したらよいのでしょうか・・・・?
線をまたぐような(そこだけ半円形のようなぽこっとした)線を
引くにはどうしたらよいのでしょうか?
ハンドフリーなどでひくしかないのでしょうか?
(試したのですが、どうもきれいに引けなくて・・・)

よろしくお願いします。

Aベストアンサー

オートシェイプの基本図形の中に
「アーチ」という図形があります。
橋のような太いアーチ形ですが、
クリックして、中にある黄色い菱形を
外の線に近づけると、1本の線になります。
書式設定の回転角度を変更すれば縦にも使えます。

Qテーブルタグの中にdivを含めてはダメ?

テーブルタグの中にdiv要素を入れるとダメなのでしょうか?
何か不都合でもあるのでしょうか?
何かご存知の方がいれば教えていただけませんか?

Aベストアンサー

以下、HTML 4.01での話です。(XHTMLでもほぼ同じだと思います)

tableタグ直下に書けるのは、caption,col,colgroup,head,tfoot,tbodyと定義されています。
特定の条件下でtbodyが省略できますので、実際はtrも書けます。これら以外は書けないことになっています。
tr直下にはth,tdが書けることになっています(それ以外は不可)。

th,tdの下にはブロック要素が書けるので、divも書けます。

このように、テーブル内でth,tdの中以外でdivが使えないのはHTMLの仕様でそう決まっているからです。

Qcssで「下よせ」ってどうやっていますか?

フロートのレフト、ライトはいいとして、

あるボックス要素内(A)に異なるボックス要素(B)をいれます。
この(B)を(A)の一番そこにはりつかせたい時にどうすれば
最もよいのでしょうか?

いいアイデアをご教授ください。

Aベストアンサー

こんなのはどうかな?

position: absolute;
bottom: 0px;

Q文字の位置、上下のマージンがずれる

仕事でHTML+CSSでコーディングをされる方、
または精通されている方に質問です。

pタグで2行の段落を続けて配置してみました。
IE6・7、FF、Chrome、Safariではぴったりレイアウトが合うのですが、
IE8・9で確認すると誤差が生じます↓

<p>あああああ</p>
<p>かかかかか</p>

★pに対する指定
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic";
font-size: 14px;
line-height: 1;
margin: 0;
padding: 0;

各pタグにわかりやすく背景色をつけて確認してみると・・・

・IE8だと、2段目のテキスト位置が1px上に上がり、pの高さも1px縮む
・IE9だと、1段目と2段目のテキスト位置が1px上に上がり、2段目のpの高さが1px縮む

それぞれのpに高さを決めれば問題はないようですが、
高さを決めずにテキストを配置する場合、
この誤差については対応ができないものなのでしょうか?

pタグに限らず、ul、dlなんかでもずれることが多いです。
テキストをぴったりを合わせる技術ってないのでしょうか?

仕事でHTML+CSSでコーディングをされる方、
または精通されている方に質問です。

pタグで2行の段落を続けて配置してみました。
IE6・7、FF、Chrome、Safariではぴったりレイアウトが合うのですが、
IE8・9で確認すると誤差が生じます↓

<p>あああああ</p>
<p>かかかかか</p>

★pに対する指定
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic";
font-size: 14px;
line-height: 1;
margin: 0;
padding: 0;

各pタグにわかりやすく背景色をつけて確認して...続きを読む

Aベストアンサー

まず、line-height:20pxのように、line-heightをpxで指定してみてください。
ブラウザの違いによる縦の誤差はなくなるはずです。

誤差が生じる原因としてはOSやブラウザの違いから、フォントやレンダリングの違いによるものです。
なので、font-size:14px;に指定していても、line-heightをemや%で相対的に指定している場合は、必ず誤差が生じます。

なお、文字列の横をそろえるのほぼ無理と考えてください。

>pタグに限らず、ul、dlなんかでもずれることが多いです。

こちらに関しては、ブラウザ間のデフォルトの差異をなくすため、リセットCSSがよく使われます。
リセットCSS、reset cssなどで検索してみれば色々出てくるでしょう。
最近はHTML5を考慮しているものもたくさんあるので、そちらを使った方が良いでしょう。
しかし、これも完全に誤差をなくせるというわけではありませんが、一度試してみると良いでしょう。


人気Q&Aランキング