Changing font type and size in The Morning After Theme

  • Hi!

    Recently I switched tot The Morning After Theme with CSS upgrade. In the CSS options I had to choose between a set of Typekit fonts, which I did (Le Monde Journal).

    Ever since, I have been getting a lot of comments of my followers that the font type (and size) are nearly unreadable… (i.e. people complain that letters are only half-visible).

    Of course I have the option of making the font size bigger in the CSS upgrade, but that makes it look ridiculous, especially on the homepage. Furthermore, I have been told that Typekit fonts are notorious for being unreadable for a lot of browsers, is that true?

    My question is: how can I make my font type and size good and readable for everyone (I would rather be ‘safe’ and choose a font that is more common than run the risk of losing readers)? And can I customize one font size for the homepage and another for blogposts?

    I hope you can help me out, thanks a lot in advance!

    The blog I need help with is: (visible only to logged in users)

  • Each font is different, and sometimes it will work best to pick the best font for the theme design even if it’s not your favorite font. Some fonts also work better as headings as opposed to paragraph text, and some fonts look better at really small sizes compared to others. You just need to experiment to find the best one to fit both the design aesthetic you’re looking for as well as the needs of your readers. If you have received several complaints about the font looking too small, then making the font a bit larger might be a compromise if you love the font you picked. Otherwise, try experimenting and then getting more feedback from your users. You may also want to find out what operating systems they’re using and try to view your site in different ways to see if you can see what they describe, or perhaps ask a few people for screenshots to see how things look from their side. Not every browser is exactly the same, and that’s okay.

    I have been told that Typekit fonts are notorious for being unreadable for a lot of browsers, is that true?

    That’s not true, but Typekit does not support Windows 2000 or Mac OS 10.3 and earlier so if most of your audience is using those things then they could be affected. I think it’s unlikely.

    And can I customize one font size for the homepage and another for blogposts?

    Certainly. This would require adding some rules to your Appearance → Custom Design → CSS editor, but I’m not sure you’ll need to if you get the right font family and size combination.

  • Hi there,

    Thanks for answering, all clear now. I’ll continue my search for the best font type!

  • Hi, I’m having the same problem. The font size appears too small in my posts. Do you know what the CSS command is for the changing the font size in my posts?

    I would appreciate your help. Thank you kindly!

  • @momkeepingitreal, what CSS is needed will depend on your theme. You didn’t link to your blog or mention what theme you are using. Can you please start a new help request and include that information?

  • The topic ‘Changing font type and size in The Morning After Theme’ is closed to new replies.