Getting a THICK h1

I've been doing website design for a long time now but one thing which has me absolutely stumped is how people achieve that THICK bold h1 effect. Here is a nice example of what I mean -

Even after applying the font weight of 700 it always seems to look thin (regardless of whatever font I pick) -

I'm probably going to feel so stupid when I find out how its done.

You need to try a different font. The one in the example picture looks similar to Bebas Neue.

However, you can also very easily see exactly what CSS was used to achieve that effect by right-clicking the text and selecting Inspect Element in Chrome.


By googling that exact text I found the website you were looking at, and from that we can see they they're using a custom font, DriveTribe:

Getting a THICK h1 : web_design, Getting a THICK h1. Hi all,. I've been doing website design for a long time now but one thing which has me absolutely stumped is how people achieve that� The H1 steel produced for Spyderco is reported to begin with 7 mm stock and is cold rolled down to the final thickness required [8], to as thick as 3 mm for a Schempp chopper [9], or probably as thin as 2 mm for light folders.

Have you tried making the text bold with the <b></b> or <strong></strong> tags?

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

Getting a THICK h1, I've been doing website design for a long time now but one thing which has me absolutely stumped is how people achieve that THICK bold h1 effect. Here is a� Tork Matic Premium Paper Towel Roll H1, Soft Paper Hand Towel 290096, Quick-Absorbing, Long-Lasting Thick 2-Ply, White - 6 Rolls x 525 ft 3.5 out of 5 stars 5 $81.94 $ 81 . 94 ($13.66/Each Set) $90.04 $90.04

Check to see whether your font has a heavier style available. For example, I was using the default style (i.e., 'regular') of this one not realizing that there are other styles available: https://fonts.google.com/specimen/Montserrat

The font-weight Property, p.thick { font-weight: bold; } p.thicker { font-weight: 900; } </style> </head> < body> <h1>The font-weight Property</h1> <p class="normal">This is a� The price of a Mil-Spec H1 begins at $218,500, which includes the donor truck. The options go up from there, with most customers opting for winches, brush guards, snorkels, lightbars, and interior

text-decoration-thickness, The text-decoration-thickness property in CSS sets the stroke thickness of the decoration line that is used on text in an element. The. h1 { text-decoration- thickness: 3px } Frontend Masters is the best place to get it. The conditions that result in thick blood can be inherited or acquired at a later time, as is usually the case with cancers. Following is small sample of the many conditions that can cause thick

Alignment, font styles, and horizontal rules in HTML documents, <HEAD> <TITLE>How to Carve Wood</TITLE> <STYLE type="text/css"> H1 The top rule has the default thickness while the bottom two are set to 5 pixels. Yeah that's what I see a filled fender it looks fat maybe thats a good I'm almost a fat guy few more lbs to go . Maybe have to get used to it but if need be I'll buy another new Avon . Maybe have to get used to it but if need be I'll buy another new Avon .

Cascading Style Sheets, designing for the Web – Chapter 2: CSS, Let's get started! H1 { color: green }. What you see above is a simple CSS rule that contains one rule. A rule is a statement about one stylistic aspect of one or� One of the most successful haircuts for thick hair is a pixie hairstyle, with which you can highlight the cheekbones and eyes. She is very elegant and attractive, suitable for girls, as with straight thick hair, and with curly.

Comments
  • it's based on font family and font weight
  • Are you using the same font as that example?
  • Did you tried font-weight : bold?
  • @UdhayTitus Could you please elaborate on this.
  • @Swellar No in this case BUT I have tried it before with the same fonts as the example and I can never get it as bold.
  • This was just a fast example, I've come across websites doing it in the past with different fonts. I'll give your suggested font a test though.
  • @user3599852 How'd you go? Did my answer solve your problem?