How to add Awesome Typography in WordPress with Typekit
Check Out More At: WP Beginner
WordPress: Best WordPress Plugins | WordPress Tutorials
How to add Awesome Typography in WordPress with Typekit
| Product Image | Product Name / Primary Rating / Price | Primary Button / Description |
|---|---|---|
|
Best Wordpress Page Builder
|
|
|
|
Best WordPress Form Builder
|
|
|
|
Best WordPress Theme
|
|
|
|
Best Wordpress Cloud Hosting
|
|
|
|
Best Budget WordPress Host
|
|
|
Elementor is an amazing website builder plugin for WordPress. Elementor makes it easy to create beautiful and high converting websites yourself without having to learn code.
Gravity Forms is a WordPress plugin that creates powerful forms quickly and easily, with drag-and-drop fields, custom notifications and confirmations, and custom styling capability.
Kadence Theme is a powerful, intuitive and flexible WordPress theme that offers an expansive set of features and customization options.
It includes a robust page builder, beautiful design options, mobile-friendly responsiveness, powerful SEO tools and optimized performance for faster loading times.
It's perfect for creating stunning websites without needing to write any code.
Cloudways is a managed cloud hosting platform that simplifies cloud infrastructure deployment and management.
It provides an intuitive dashboard, automated backups and optimized stack for speedy performance. It also provides 24x7 support with multiple server locations, enabling businesses to host their applications quickly and securely.
Create beautiful and sophisticated WordPress sites using Typekit fonts. Typekit is a subscription-based service that provides access to a library of high-quality fonts. WordPress.com VIP Go to your site’s dashboard. In the left-hand sidebar, hover over Themes and click on Typekit. Search For a Font Type in the search bar the name of a font you want to add to your site. For example, “Proxima Nova”. Doing so will bring up a list of fonts with that name. Select the Font Hover over the font you want to add to your site and click Select this font. Configure the Font After you select the font, a configuration panel will appear. Here you can set the following options: Font family – This is the name of the font family.
+
Font style – This is the specific style of the font family you want to use.
+
Character set – This is the character set for the font. The default is “Default”, which will include all standard characters.
+
Click the Save Changes button. Activate the Font After you select and configure the font, you need to activate it. To do this, hover over the font again and click the Activate button.
+
You can now use this font on your site. Add CSS Rules In order to use the font, you need to add CSS rules to your stylesheet.
+
The easiest way to do this is to use the Font Family drop-down list in the Visual Editor. Select the font you want to use and the CSS will be generated for you.
+
You can also add CSS rules manually. For example, the following CSS rule will use the “Proxima Nova” font for all headlines on your site:
+
h1, h2, h3, h4, h5, h6 {
+ font-family: “proxima-nova”, sans-serif;
+}
+
You can add this CSS rule to your site’s stylesheet using the following methods:
+
If you’re using the WordPress Theme Customizer, you can add the CSS rule to the Additional CSS section.
+
If you’re using a child theme, you can add the CSS rule to the child theme’s stylesheet.
+
If you’re using a plugin like Simple Custom CSS and JS, you can add the CSS rule to the plugin’s CSS editor.
+
Conclusion
+Now you know how to add awesome typography to your WordPress site using Typekit fonts.If you have any questions, feel free to leave a comment below.envato-tuts+