Best Font Size and Type for Blogs?

16 replies
I've been experimenting with different sizes to come up with what will be the best use of space, but also be very "readable". I remember a long time ago my mother told me to use Arial for titles, and Times New Roman for the text. I have always used Arial for most things and didn't follow my mother's advice about the Times New Roman.

So let me get your opinions on what Font you prefer for...

Heading or Title of Article
Font:
Size:

Sub heading inside the article
Font:
Size:

Article Text
Font:
Size:

Here is my blog. So far, I feel that people are actually reading the articles, as I am getting some replies, but it would be nice to know if there are some strategies that are proven to increase readership (in the area of fonts and sizes).

Thanks!
#blogs #font #size #type
  • Profile picture of the author webapex
    I would no use a serif font like times for screen display, yea it's the way to go for 300dpi printed text.

    I find I have to tweak the css file for themes to get H1, H2 styles to show up in a reasonable size (Just don't make them 1 point, that will raise flags) , the spiders use these tage to figure out the important parts, though some advise having only 1 H1 positioned at the top of the page.
    Signature

    “An expert is a person who has made all the mistakes that can be made in a very narrow field” Niels Bohr

    {{ DiscussionBoard.errors[4041152].message }}
    • Profile picture of the author sylviad
      The best online font is a non-serif - in other words, without any curly ends, like Times Roman and some others. Times Roman is mostly used in print media and is difficult to read online. Common fonts that work well on screen are Verdana (which this is), Tahoma and of course Arial.

      You will notice that the space between letters is more compact in Arial while Verdana is wider than Tahoma. This is especially noticeable in headlines and can make them much wider than you want. With this in mind, I prefer Verdana for content and Arial for headlines.

      As far as font size, you only need to be concerned about your readers. I don't believe the SEs care what actual size the fonts are as long as they see H1, H2, formatting. I frequently resize my H1 formatted headings to something smaller.

      I tend to go with size 6 for headlines (H1) or 18-24 point depending on the page size and what looks best. I use 14-18 point for subheads (H2) and 14 point for (H3) subheads. Some pages will accommodate 28 point H1 headlines or bigger, again depending on the page size and whatever columns you have taking up space. My suggestion: choose a sufficient headline size to make your heading stand out without overwhelming the reader.

      As far as content, I like 10-12 point. Some people find that 10 point is too small for their browsers and prefer something bigger, and 12 seems to fit the bill.

      Regarding your blog, again I would get rid of those curly fonts and replace them with one of the 3 mentioned above.

      Also, your paragraphs are way too big. Do not have more than 3 sentences per paragraph. This creates more white space, which makes it less intimidating for your visitors. When they see huge blocks of text, they are less likely to read it.

      I would also recommend shortening your sentences, like this one:

      >It is a quandary from which economies can escape only by focusing on production and consumption rather than merely subsidizing the financial system to enable players to make money from money by inflating asset prices on free electronic keyboard credit.<

      There are too many elements to make it easy to comprehend. Since I really do not know your topic, I can't give you examples of how to rewrite it (it makes no sense to me ), but I'm sure you can break that sentence into at least 2 sentences for better reading.

      You should focus your writing on the Grade 5 or Grade 8 reader (depends who you talk to, but these are the recommended reading levels). I'd guess that yours is closer to Grade 12 level.

      Hope this helps.

      Sylvia
      Signature
      :: Got a dog? Visit my blog. Dog Talk Weekly
      :: Writing, Audio Transcription Services? - Award-winning Journalist is taking new projects. Warrior Discounts!
      {{ DiscussionBoard.errors[4041231].message }}
      • Profile picture of the author mojojuju
        Originally Posted by sylviad View Post

        Times Roman is mostly used in print media and is difficult to read online.
        There's little, as far as research, to validate the commonly held idea that sans-serif fonts are better for readability online. This blog post points to a lot of different ideas on the subject Which Are More Legible: Serif or Sans Serif Typefaces? | Alex Poole

        I think at one time, early on, it was difficult to read serif fonts due to the display qualities of devices available and that nowadays that's not so.
        Signature

        :)

        {{ DiscussionBoard.errors[7988897].message }}
  • Profile picture of the author dvduval
    This is verdana here on WF, yes?
    Signature
    It is okay to contact me! I have been developing software since 1999, creating many popular products like phpLD.
    {{ DiscussionBoard.errors[4041176].message }}
    • I use Verdana - Size 13

      No real reason I just think it is easy to read.
      Signature

      {{ DiscussionBoard.errors[4041185].message }}
  • Profile picture of the author Deepak Media
    I believe Georgia is one of the best fonts for readability - IF THE DPI IS 300+

    Verdana is fine for now. Until another 10-15 years. Then we can go for Serif fonts where 90% of the internet user's screens will be having very high DPI.
    Signature
    Digital Marketing Author | Speaker | Consultant

    Read my Blog: DigitalDeepak.com

    @ Bangalore, India.
    {{ DiscussionBoard.errors[7987448].message }}
  • Profile picture of the author LuckyIMer
    Originally Posted by dvduval View Post

    I've been experimenting with different sizes to come up with what will be the best use of space, but also be very "readable". I remember a long time ago my mother told me to use Arial for titles, and Times New Roman for the text. I have always used Arial for most things and didn't follow my mother's advice about the Times New Roman.

    So let me get your opinions on what Font you prefer for...

    Heading or Title of Article
    Font:
    Size:

    Sub heading inside the article
    Font:
    Size:

    Article Text
    Font:
    Size:

    Here is my blog. So far, I feel that people are actually reading the articles, as I am getting some replies, but it would be nice to know if there are some strategies that are proven to increase readership (in the area of fonts and sizes).

    Thanks!
    Hey there, when I go to your blog I see an error at the top, you should check that to see what it is about.
    {{ DiscussionBoard.errors[7987528].message }}
  • Profile picture of the author jakerobinsonvt
    TypeTester is a cool tool for comparing screen type it's free too... check it out here: Typetester – Compare fonts for the screen
    {{ DiscussionBoard.errors[7987918].message }}
  • Profile picture of the author Backlinko
    I've also been semi-obsessed with this.

    After a lot of tweaking I'm very happy with the way the text on Backlinko looks. I paid particular attention to things like line/word/letter spacing.

    It's those little things that make a HUGE difference. I see a lot of sites with great content struggle because they're site is ugly or hard to read.
    Signature
    Find Awesome Keywords...Without ANY Tools
    {{ DiscussionBoard.errors[7988001].message }}
  • Profile picture of the author Dennis Gaskill
    Verdana was designed specifically for computer display. If you go anything smaller than 12 pixels you'll lose part of your audience unless you're only targeting younger people. It's just too hard to read anything smaller for many older folks (like me).
    Signature

    Just when you think you've got it all figured out, someone changes the rules.

    {{ DiscussionBoard.errors[7988587].message }}
    • Profile picture of the author JohnMcCabe
      Originally Posted by Dennis Gaskill View Post

      Verdana was designed specifically for computer display. If you go anything smaller than 12 pixels you'll lose part of your audience unless you're only targeting younger people. It's just too hard to read anything smaller for many older folks (like me).
      Ditto.

      I can handle Arial in larger sizes, like headings, but for reading text, give me 12 pt. Verdana.

      One thing some designers like to do that drives me nuts is to use a light gray for text on a white background. That might look cool with a page full of 'lorem ipsum' on a 24" monitor, but it's a real eyestrain in 10 pt (or smaller) Arial with real text. Black on white, followed by black on the lightest pastel yellow or blue is very readable.
      {{ DiscussionBoard.errors[7988753].message }}
  • Profile picture of the author Lloyd Buchinski
    Calibri is by far my favorite font to read. It's the default for nearly everything on my computer, but it's a bit complicated on a site. It's a smaller font than most, so if someone with a Mac or other machine that doesn't have it, a larger font will most likely be substituted by the browser. This can mess with the layout.
    Signature

    Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

    The KimW WSO

    {{ DiscussionBoard.errors[7988809].message }}
  • Profile picture of the author Janice Sperry
    Another vote for Verdana for the text. For titles, headlines and such I would also use or at least a sans serif font possibly Tahoma. It is just a personal thing but I have never liked it when a webmaster has a title in a serif and then the article in a sans serif. It is done all the time though so what do I know.

    Verdana also does show up as Verdana in most browsers and operating systems unlike many other fonts which will fall back to something else anyway. If you are really serious about a particular font the only way I know for almost perfect consistency is to get a font license from TypeKit. They will host the font and have it optimized for all browsers and operating systems.

    (Overall great looking blog by the way.)
    {{ DiscussionBoard.errors[7989188].message }}
    • Profile picture of the author salegurus
      Originally Posted by Deepak Media View Post

      I believe Georgia is one of the best fonts for readability - IF THE DPI IS 300+ etc. etc.
      Would love to know why people resurrect 2 year old threads.
      Maybe since you just did you can tell me why?
      Signature
      Think of how stupid the average person is, and realize half of them are stupider than that.

      ― George Carlin
      {{ DiscussionBoard.errors[7989245].message }}
      • Profile picture of the author mojojuju
        Originally Posted by salegurus View Post

        Would love to know why people resurrect 2 year old threads.
        Maybe since you just did you can tell me why?

        "Resurrect" implies that the thread was dead, which it never was. It was just dormant.
        Signature

        :)

        {{ DiscussionBoard.errors[7990205].message }}
  • Profile picture of the author Evocess
    Hey buddy,

    Here's my suggested font sizes for the following.

    Heading or Title of Article
    Font: Arial or Tahoma or Verdana or Lucida (It's really up to your taste)
    Size: H1 tags or 24 font size

    Sub heading inside the article
    Font: Arial or Tahoma or Verdana or Lucida (It's really up to your taste)
    Size: H2 tags or 18 font size

    Article Text
    Font: Arial or Tahoma or Verdana or Lucida (It's really up to your taste)
    Size: 14 font size

    Hope it helps.
    {{ DiscussionBoard.errors[7990149].message }}

Trending Topics