Google Fonts too bold

I am using some Google fonts and I am seeing that some, which should be very light (100 weight) are showing up in browsers as being extra bold.

Does anyone know a fix for this?


freewaytalk mailing list
email@hidden
Update your subscriptions at:

I am also seeing that with examples of the same weight, at 20 points is looks right but at 16 points it is extra bold. (This is all CSS. The text with the bold appearance does not have bold set in the Inspector or the style sheet.)


freewaytalk mailing list
email@hidden
Update your subscriptions at:

Does the text in question have an h1 or h2 tag perchance? Google fonts default these to bold without you asking. (I think it might be a css thing?) I find it’s too much for my tastes.

To get around this, go into the styles menu and hit the “Extended” tab for the style in question. From there, assign the font weight you desire. For h1 tags, I usually assign a font weight of 600. This will over ride the bold setting that google fonts seem to pick up.

Name: font-weight
Value: 600

You can also try putting 400 in there and see if you like it. You can look at the font weights you’ve installed to help pick the right weight. Usually, you will need to upload to see the results.


freewaytalk mailing list
email@hidden
Update your subscriptions at:

Browsers do this, no matter how the font is specified. Unless you deliberately set font-weight: normal in extended CSS, any header tag (and the b or strong tags) will default to font-weight: bold.

Walter

On Jun 29, 2016, at 7:46 PM, Doty email@hidden wrote:

Google fonts default these to bold without you asking


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

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:

Thanks, people

I think there is another tag that would be appropriate here: user-reply: D’oh!


freewaytalk mailing list
email@hidden
Update your subscriptions at: