dポイントプレゼントキャンペーン実施中!

HPの文字をかわいくしたいのですが、画像化すると一部が太くなっちゃったりでよくありません。(HG丸ゴシックM-PRO使用)。
タグで字体をかわいくする方法は無いのでしょうか?

あと、画像の上にタグで文字を書く方法はありませんか?(文字も画像化するのではなく・・・。あと壁紙とは別で)

よろしければ教えてください

A 回答 (4件)

<html>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>TestPage</title>
<style type="text/css">
<!--
body { font-family : "DHPまるもじ体","DFまるもじ体","MS P明朝",serif ;
}
-->
</style>
</head>
<body>
<h1>今年のスローガン</h1>
<p>お年寄りに席を譲ろう!</p>
<p>ただし相手のコンピュータ内にFONTが無ければ最後の serif が適用される。</p>
</body>
</html>

参考URL:http://www.hajimeteno.ne.jp/others/font/fontlist …
    • good
    • 0

>あと、画像の上にタグで文字を書く方法はありませんか?


>(文字も画像化するのではなく・・・。あと壁紙とは別で)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>TestPage</title>
<style type="text/css">
<!--
h1 { background : #ffffff url("画像のURL") 50% 50% no-repeat ;
}
p { background : #ffffff url("画像のURL") 50% 50% no-repeat ;
}

-->
</style>
</head>
<body>
<h1>今年のスローガン</h1>
<p>子供には優しくしよう!</p>
<p>画像の位置やサイズの調整は参考URLで書いてあります。</p>
</body>
</html>

参考URL:http://www.scollabo.com/banban/ref/refcss_01.html
    • good
    • 0

 画像の上にタグで文字を書く方法について・・・



その画像と同じ大きさのテーブルを用意して
囲み線を透明にして、<border=0>
背景をその画像に設定されるというのはいかがでしょう。
<table background="URL">
    • good
    • 0

残念ながらないと思います。


画像の上に文字を書く方法はレーヤーを使い、タグの1例では
<div id="layer1" style="width:200px; height:200px; position:absolute; left:10px; top:49px; z-index:1;">
というふうなり、画像の上に文字をおくのではなく、そのウインドの決められた座標に置くということなので、画像のセンタリング等の設定をした場合は、ウインドの大きさにより画像とは全然違うところに表示されたりします。
しかもこのタグはHTMLからではかなり難しいと思いますので作成ソフトを利用したほうがいいでしょう。
    • good
    • 0

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