2017-06-28 11 views
4

私は長い間ウェブサイトの設計を行ってきましたが、私が絶対に困惑したのは、人々がその厚いh1効果を大胆に達成する方法です。ここ は、私が何を意味するかの良い例である -THICK h1を取得する

enter image description here

でも700のフォントの太さを適用した後、常に(関係なく、私が選ぶ何でもフォントの)薄い見ているようだ -

enter image description here

私はそれがどうやって成し遂げられたかを知ると、とても愚かな気持ちになるでしょう。

+0

:私はwebsite you were looking atを見つけ、それから、我々は、彼らがカスタムフォント、DriveTribeを使用している見ることができる正確なテキストをグーグルことで


+0

あなたはその例と同じフォントを使用していますか? – Swellar

+0

font-weight:boldを試しましたか? –

答えて

0

<b></b>または<strong></strong>タグを使用してテキストを太字にしてみましたか?あなたが別のフォントを試してみる必要がある

p { 
 
background-color: black; 
 
color: white; 
 
font-size: 60px; 
 
font-family: Verdana 
 
}
<p><strong>This is a text</strong></p>

2

。サンプル画像のものはBebas Neueに似ています。

しかし、テキストを右クリックしてChromeでInspect Elementを選択すると、その効果を達成するためにどのCSSが使用されたかがわかりやすくなります。それはフォントファミリとフォント重量に基づいている

example

+1

これはちょうど良い例でした。私は過去にさまざまなフォントでそれをやっているウェブサイトに出くわしました。私はあなたの提案されたフォントをテストします。 – user3599852

+0

@ user3599852成功しましたか? – Clonkex

関連する問題