h1タグのfont-weightについて

Question

画像ぐらい文字を細くするためにfont-weightの数を減らしていったのですがこれ以上細くならないというところまで細くしても理想の細さになりません
このようなときh1をpタグなどに変えることはHTMLの文法というか作法？的にどうなのでしょうか
せっかくマークアップしたのに意味がなくなってしまう気がします
それとも何か別の方法があるのでしょうか
##イメージ

・・・省略
<div id="first-page">
<img src="main.jpg" alt="main" height="700px" title="main">
<div id="title">
<i><h1>Portforio</h1></i>
</div>
</div>
・・・省略

#title {
position: absolute;
top: 250px;
left: 10%;
right: 10%;
}

#title h1 {
text-align: center;
font-size: 180px;
color:#FF9300;
font-weight: 1;
}

Comments

[hatena19]

h1をpに変えても同じことだと思いますが、試してみてpだと理想通りになったのですか。
フォントは何を使っていますか。

[yuruyuru]

同じでした
試してなかったです
すいません
デフォルトのものを使っています

[KojiDoi]

font-wheightをいくら変えても変化しないですよ。変えるならfont-weightでしょう。

[m.ts10806]

wheight
ではないですからね。
実際のコードを提示されないと何とも言えません。

[yuruyuru]

KojiDoiさん
それはスペルミスです
実際のCSSではfont-weightで試しました
訂正しておきます

[m.ts10806]

タイトルがなおってません。
ただ、実際のコードを提示されないと何とも言えません。

Answer 1

どこまで細くできるかはフォント次第ですので、理想にあうフォントを探すことになるかと。

-webkit-text-stroke を使って無理矢理細くする方法もありますが、非推奨のプロパティだしあまりきれいにはなりません。

Comments

[yuruyuru]

了解です
ありがとうございます