More info. Going in the other direction, a value of "-1" equates to size 2 and "-2" equates to size 1 (basefont size 3 - 2 = font size 1). Change Font Size in WordPress With CSS. Whichever method you follow, use it sparingly for maximum effect, and make sure you don’t end up with a site that looks messy and unprofessional. It could cause people to stop trying to read the text and leave your site. Installing a WordPress Font Plugin (Like TinyMCE) The final way you can change font size on your … But what I want to do now is vary the font size of the content for example... [my_shortcode]This is the [25px]content[/25px] that I want to display[/my_shortcode] I want this to change the word 'content' to 25px font size. The actual value of the font-size property can be specified in different ways. You can specify font size in any of the following ways: Absolute Size; Relative Size; Fixed Size; Percentage; Option 1: Absolute Size. If you don’t characterize yourself as particularly tech-savvy or simply don’t want to mess with code, using a plugin to adjust font styles is the route for you. Change the Size of Font Awesome Icons. Changing code font size on wordpress. This handy piece of code tells WordPress to add your font to the header section of every page on your site and it will also keep stylesheets from being loaded more than once. By default, the icons are fairly small, so this is definitely a situation you’re likely to encounter. Viewed 552 times 1. In fact, this plugin adds quite a few features to the toolbar including font color and font family controls. Font size updated. The size can be calculated from … Have you ever wanted to change the fonts on a WordPress website? Once you’re there, click on the post that you want to edit. In a post of mine in wordpress I'm posting source code as described here. Click Save Stylesheet, then view your web site to see the changes. Active 4 years, 4 months ago. Click Update File. Ask Question Asked 4 years, 9 months ago. How to change only the menu font in WordPress navigation menus. Your changes will now be visible across your entire site. Changing the font size of text in your WordPress site can take minutes to do. Set Font Size With Em. Example: This is sample code for changing the font size for a WordPress menu: .primary-navigation { font-size: XXpx; } The XX is the new font size for your menu. Some icon fonts like Font Awesome, are available from CDN servers across the web and can be linked from your WordPress theme directly. The next step is to locate the CSS with that font in the code. WordPress Codex gives a great explanation at how themes work with fonts. The tag also works, but in the past, that created an annoying blue background. Code within a running text 1. Plus, you can change the pixel size, customize the font into bold, italic, light/medium, etc., and even change colors on the Google Fonts platform. Choose the post that you want to edit and change the font size. Now, each font is different, even at the same size, but we’re talking: 1. The code can be styled in several different ways. You can either edit the font size of a block directly, or give it a class and then write CSS for your class. 1. Add the code, then click Published to save your changes. How Do WordPress Themes Work With Fonts. In W… As similar as above, Go to Dashboard >> Posts >> All Posts. Choosing a new font with the customizer is not difficult. Look at the code in the video, or on the web page with the written tutorial, to see how to edit the font size for the body tag. Using “Fonts Plugin” The WordPress sphere wouldn’t be what it is if there weren’t several plugin … Displaying a programming code, HMTL and CSS are common within WordPress Codex. Font size is specified using the font-size property. The final — and recommended — way to add Google fonts to your site is to use the wp_enqueue_style function. By entering a value of "+1" for the size attribute you designate your text to be displayed one size bigger which then equates to size 4. Once you selected the post, look at the Paragraph drop down option.