Fonts In WordPress

Fonts In WordPress

Using Fonts in WordPress

Most websites have images. Some have videos. Others have database connections, feeds from other sites, shopping carts, and others item.

But it’s fair to say that EVERY websites has fonts. From the classic Times New Roman, to newly launched fonts like Shapiro, fonts are text stylings used to display written text on sites.

There are many ways to edit font types but today we’re going to talk about how you can add or change the fonts on your site.

Fonts in WordPress

by BeBizzy Consulting | BeBizzy Break Podcast

Fonts in WordPress are a great way to stylize your website. Changing the font can make a site look very corporate or newsy, or fun and light. Therefore fonts can make a site hard to read or amateurish, so choose wisely.

Most sites use primarily two fonts, one for headings, and one for body text. There are often other fonts used for beneath images, advertisements, and other special cases, but two is the base number needed.

Need some suggestions on font pairings for your site? Check out Font Pair to see fonts paired together and how they will look in WordPress.

Finding Fonts

There are hundreds of fonts in WordPress available online for free or at a very low cost.

Make Your Own Font!

A site called Font Squirrel will take a font you own, upload it to the application, and edit to your needs. Add tails to letters, increase the boldness,

Use the Fonts in WordPress

Once you’ve decided on which fonts will work on your site, it’s time to implement them. There are many ways including CSS, themes and plugins.

  • Themes Some themes already have a customizer in their options to set default heading and paragraph fonts. This makes selecting and changing them extremely easy, as you only have to edit in one place and it should universally change the pages.Of course if any changes were made inside a page they may still hold the values. I use the DIVI theme and changing fonts sitewide is very simple, and using a visual builder it’s quick to see a change in both font style and size will affect the site.
  • Plugins Like setting a font in WordPress in the theme customizer, plugins offer an easy way to change fonts sitewide. Most will interface directly with Google Fonts and other depositories to bring in the fonts and other styles.
  • CSS The most powerful, the fasted loading time, and maybe the most difficult way to adjust your fonts is through CSS. CSS is some instructions on how your WordPress and other site display text, images, page width, navigation and many other options on the site.

To set the fonts and other properties in CSS you will need the following
1- Downloaded font files, or in some cases have code from a depository (like Google Fonts) which can provide an “@import” instruction to pull the files needed in your CSS page/site.
2 – Access to edit the WordPress files to bring in the fonts through CSS. Sometimes this will be a custom CSS file. Other times it will be a specific file in the WP theme. Find out where to change on your page.
3- Sometimes changes to fonts can be made in the header.php file. Place the font import in the <HEAD></HEAD> portion of the HTML.
4- If you host the font files locally, the “@font-face” CSS command can be used.

See more ways and even get specific CSS and HTML code to add fonts in WordPress by visiting this article on WebsiteSetup.org


WORDPRESS NEWS FOR EPISODE 120

  • WP Beginner – How to Change MX Records For Your WordPress Site

MX Records are where your email is directed. Often times it is the same server as the web host, but more advanced sites use an ARecord host (website), and MX Record host (mail) at different locations. This article gives some great instructions on why, and how, you would change the server records.

bit.ly/33gzObT

  • WP Lift – How to Optimize Cumulative Layout Shift on WordPress

This one might be slightly advanced. If you’ve been using page scoring sites like GTMetrix or Page Insights lately, you’ve probably noticed one of the big items listed as a negative is Cumulative Layout Shift.

It’s when the code is loading and the site layout flashes as images, videos and other content fall into place on the site. It can be distracting, but there are ways around it. If the site loads quickly it may not be an issue, but if you’re concerned about this the page gives some great ideas on how to minimize the shift.

bit.ly/372ixV3

UPDATE : You can use legacy reporting from GTMetrix ( https://gtmetrix.com/blog/how-to-test-with-legacy-gtmetrix-reports/ )F

  • Search Engine Journal – WordPress 5.6 Guidance on PHP 8 Compatibility

The most recent version of PHP (7.4) doesn’t reach it’s projected EOL (end of life) until Dec 2022, so if you’re running near the most recent version everything should be fine… for now. But if you like to live on the technical edge, PHP 8 is starting to roll out and WordPress 5.6 will be compatible in beta form, meaning running it on a production website is risky at best.

There are bound to be issues with the core, and almost certainly will be with themes, plugins and even custom code. So implement at your own risk.

bit.ly/360IFQC

 

Fonts in WordPress

by BeBizzy Consulting | BeBizzy Break Podcast

Great Website Hosting : InMotion Hosting

Great Website Hosting : InMotion Hosting

Choosing Your Website Host is Critical

There are so many pieces to a great WordPress website. The WP version, PHP, theme, plugins, images, content, videos… all contribute to the website’s performance.

But even if everything is optimized as much as possible, if your server isn’t performing, the site will still not serve as quickly as possible.

I’ve tried many server hosts in the last decade, and my favorite so far is undeniably  InMotion Hosting.

InMotion Hosting

by BeBizzy Consulting | BeBizzy Break Podcast

A Little About InMotion Hosting

Joining me on the BeBizzy Break Podcast toay was Robert Hood, Assistant Product Line Manager for both WordPress and Dedicated Hosting.   

InMotion Hosting is a hosting company based in Virginia Beach, VA. They do have satellites in Los Angelas and Denver.

Support Is a Focus for InMotion

  • Agents are trained by agents who have been on the support floor for months, even years.
  • Agents are continuously trained to support new issues or to better handle customer requests.

Some technical info

  • All hard drives are Samsung SSDs
  • Intel-based CPUs
  • CentOS operating systems. No Windows support at this point. 
  • Redundant, secure server locations in Los Angelas and Virginia.
  • Caching – NGNIX
    • NGNIX is a proxy-cache, so the site is served from memory instead of the hard drive. 
    • NGNIX can be turned on or off.

What Are People Looking For In A Server Host

  • Price
  • Technology
  • Support – they are there 24×7, 365 days.
  • Uptime, as for most hosts is 99.9% uptime goal.
    • Dedicated staff of support people watching the server environment at all times controlling 

Hosting Types

Hosting is similar to where you live. 

  • Shared Hosting – Apartment. Communal system sharing resources like water, power, trash. You are dependent on everyone else on that server to be responsible for bandwidth and malware.
  • VPS Hosting – Townhome. Technically connected, but your own water, power, privacy, etc. Your site can still be dependent on others being responsible, but you are insulated a bit.
  • Dedicated Hosting – Private home. You have control over basically everything. You have your server resources, your bandwidth, etc.

Support Types

  • Basic Support
    • Available 24×7 – 265
    • Handles almost 95% of the issues you encouter
  • Advanced Product Support (Robert used to be the manager of this support team)
    • Junior system admins
    • Higher degree of training
    • Assigned to VPS-3000 customer or dedicated box
    • They have resources available to help, but generally an agent owns an issue from start to finish; no hand-offs.
  • Paid Support Teams
    • WTR Team – Website Transfer Team
      • Get some time with that when you spin up a new server
      • Available at later times for more transfers
  • Managed Hosting Team
    • For-hire system admins
    • Bye per-hour or subscription programs 
    • Help with setup, custom configuration, advanced issues.

My experience with InMotion Hosting has been incredible. They are competitively priced, have updated technology, and superior support. If you’re looking for a better host for your WordPress site, InMotion Hosting is my recommendation. 

Where are you hosting your website? Leave it @BeBizzy on Twitter!

InMotion Hosting

by BeBizzy Consulting | BeBizzy Break Podcast

Speeding Up Your WordPress Site With WP-Rocket

Speeding Up Your WordPress Site With WP-Rocket

What is WP Rocket?

WP Rocket is a caching and optimization plugin that takes the code, content, images, videos and other pieces of your website and finds a faster way to present them to your website visitors. That can be storing them on their computers or on a CDN (content data network). It can be combining or moving CSS and javascript files to minimize the time spend processing the code. It can be reducing the number of calls made off the server to Google or other sites.

WP Rocket does all of this, with about ten minutes of setup and a few bucks. Speaking of a few bucks… if you want to purchase WP Rocket, go to bebizzy.com/rocket and get started today!

WP Rocket

by BeBizzy Consulting | BeBizzy Break Podcast

How Can WP Rocket Speed Up My Website?

There’s only so much you can do technically to increase your website speed. Load times are based on server response times, bandwidth, hard drive speeds… and then it’s down to the software. 

CDNs and optimized code definitely help but eventually you’re down to leaning on more involved 

Features

  • Basic setup was done in about 10 minutes.  Advanced setup, configuration and testing can take additional time, but all options are pretty much toggled on/off.
  • Page caching
    Really decreases page load time by serving up indexed and cached items.
  • Preloading
    Because the crawler simulates a visit to preload the cache, the indexing of your website by search engines is instantly improved.
  • Sitemap loading
  • GZIP Compression
    WP Rocket compresses HTML, CSS, javascript and other code to optimize it by decreasing the size.
  • Browser Caching
    Modern browsers can look for the same photo, video, HTML code and other pieces of a website faster locally that it can sending requests to a website. WP Rocket helps optimize that.
  • Database optimization
    WP Rocket helps clean up databases and make them run more efficiently.
  • Google fonts
    Decreases the requests for unused fonts by only grabbing what is needed to properly display on the site.
  • Remove query strings from Static Resources
    Improves load time and testing scores by removing query strings from CSS and JS files.
  • Lazyload images and videos
    Images and other content doesn’t load until it becomes evident the visitor wants or needs them.
  • Defer Javascript
    Load JS files at the bottom of the page unless necessary elsewhere. This speeds up the page by not loading code before visible items.
  • CDN
    I have mine connected to my Stackpath CDNs, but Cloudflare and other URLS are easily inserted in the settings.
  • Works with eCommerce

Pricing 

All pricing for WP Rocket is on an annual basis to keep updates and support access. You could allow the plugin to lapse, but as WordPress, PHP versions, your themes, your other plugins and more advance the plugin may not work as intended and also become a security issue.

  • $49 for one site
  • $99 for three sites (annual)
  • $249 for unlimited websites

Some other features

  • Works for multi-lingual sites
  • Works in multisite environments
  • You can turn on and off features to connected users with a simple toggle button
  • All features of the plugin can work on mobile without additional programming or configuration.

Support is email support. Only sent one ticket but got a response in about two hours, which is decent.

If you’re looking to speed up your WordPress site, I can’t recommend WP Rocket enough! Head over to https://bebizzy.com/rocket and get signed up.

Do you use WP Rocket or another caching pluging? Leave me comments @BeBizzy on Twitter!

WP Rocket

by BeBizzy Consulting | BeBizzy Break Podcast