Community Forums › Forums › Archived Forums › Design Tips and Tricks › Altitude Pro font family define bold
- This topic has 2 replies, 2 voices, and was last updated 6 years, 1 month ago by ch320.
-
AuthorPosts
-
March 23, 2018 at 7:04 am #218274ch320Member
I want to keep the default font family in Altitude Pro (Ek Mukta) but do not like the look of the default font weight for Bold and Strong at 800, so I tried changing it in style.css to 500 (medium) which didn't work, then to 600 (semibold) which also didn't work. Perhaps only the Bold (700) and Extra Bold (800) versions of the font family are loaded, but even when I changed the Bold style to font-weight: 700 it did not change appearance from the default Extra Bold (800). So my questions are:
1. What weights of Ek Mukta are loaded in Altitude Pro?
2. How can I load the additional font weights in this family as part of the default font (i.e., not as an extra font through Easy Google Fonts)?
3. Other than the possibility that only the light and Extra Bold font weights are loaded in the default font family, what are the other possible reasons that the various font weights I have tried specifying for Bold in the style.css are not rendering?
4. Since what I have tried so far has not worked, how should I change the sitewide default font weight for Bold?My website is under development so there is no url to share.
Thanks.
March 23, 2018 at 8:36 am #218275Victor FontModeratorGoogle fonts are enqueued in yur child theme's functions.php at line 29:
wp_enqueue_style( 'altitude-google-fonts', '//fonts.googleapis.com/css?family=Ek+Mukta:200,800', array(), CHILD_THEME_VERSION );
Reading the code above, the weights that are loaded are 200 and 800. To add additional weights, insert them between the 200 and 800 and make sure you separate them with commas like this:
wp_enqueue_style( 'altitude-google-fonts', '//fonts.googleapis.com/css?family=Ek+Mukta:200,300,400,500,600,700,800', array(), CHILD_THEME_VERSION );
To change the bold weight globally, change the font-weight in this line in style.css:
b, strong { font-weight: 800; }
You may have to search through style.css for other incidents of font-weight. Those may have to be changed as well.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?March 23, 2018 at 2:55 pm #218290ch320MemberThanks Victor - that worked perfectly. I had been looking for the font weights in style.css, not in functions.php. In my version of Altitude Pro I found the code of interest on line 55 (not 29). The code is a little different from yours, but everything worked well after I added the additional font weights I wanted as follows:
wp_enqueue_style( 'altitude-google-fonts', '//fonts.googleapis.com/css?family=Ek+Mukta:200,400,500,600,700,800', array(), CHILD_THEME_VERSION );
I then changed the b, strong font-weight to 500 in style.css and now have the perfect default weight for Ek Mukta bold, replacing the chunky clunky 800 ExtraBold weight.
Mission accomplished!
-
AuthorPosts
- The topic ‘Altitude Pro font family define bold’ is closed to new replies.