Google Fonts too bold

I just want to briefly expand what Walter is saying here about browsers and boldness. In CSS, the font-weight property has many values to choose from. Browsers default to the value “bold” as does Freeway when you click the little “B” character in the style editor.

Google fonts usually come with specific font-weight values like “400” for normal and “700” for bold. It is up to you when you have chosen a Google font to know the weights you have selected and then make sure your Freeway document matches those values.

Browsers (and Freeway) have a default font-weight value of “bold” for type headings (h1, h2, etc.), as well as type tags like b or strong. It is up to you to set the accurate font-weight value by using the Extended option in the Style Editor for those styles. Hint: if you set the “B” bold setting in Freeway, but also the font-weight setting in the Extended style option, Freeway uses the B setting to control the display of the workspace BUT uses the Extended setting for the browser output. One makes your workspace look more like what you want, the other actually makes what you want.

Ordinary, non-bold versions of Google fonts will also need their font-weight value set appropriately. This is especially true of the many thin and semibold weight options some of Google’s fonts allow. Hint: if you set a universal font-family on your body tag, set the universal weight there as well. Both will be controverted by font-family and font-weight styles further down inside the body tag.

It’s also important to note that different browsers have different font rendering strategies. For example, Safari will try to “bold” a font that has no boldface. It will look chunky and unnatural. Firefox tends to be less sophisticated in that department, or at least that’s the way it seems to me. The same is true for italics.


freewaytalk mailing list
email@hidden
Update your subscriptions at: