Return to previous page

Font Type : Inherit - by Libardo - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 8 years, 2 months ago ago by Rose Tyler

Libardo

Participant

March 21, 2017 at 03:41

Hi Support,

Can you assist me having the same size, font type for our website? We would like to use the same text ” DISCOVER OUR SOUND ” on our website. However we cant seem to find a way to have the same font and size.

We want to use it like this :

Brandy Jingles Website: http://prnt.sc/emi4bo

Our Website: http://prnt.sc/emi4jy

Please, contact administrator
for this information.

#157377 Copied

7 Answers

Libardo

Participant

March 21, 2017 at 13:33

Hi Support,

Any update?

#157426 Copied

Rose Tyler

Support staff

March 21, 2017 at 15:19

Hello,

I’ve sent IP to your email address. Please check it.

Regards,
Rose Tyler.

#157429 Copied

Libardo

Participant

March 21, 2017 at 19:39

Hi Rose,

IP has been added. Can you clear your cache and try again to access out website?
See private Link.

#157461 Copied

Libardo

Participant

March 22, 2017 at 00:55

Hi Support,

Any update in this case?
I really need your assistance to move forward with this request.

Thank you in advance.

#157474 Copied

Rose Tyler

Support staff

March 22, 2017 at 12:07

Hello,

You need to add Custom font http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/ http://prntscr.com/en1gp9 and write font family to element http://prntscr.com/en1gvq

Regards,
Rose Tyler.

#157510 Copied

Libardo

Participant

March 22, 2017 at 17:17

Hi Rose,

I want to go with the option below. Can you let me know where is the Royal Stylesheet to add the code below?

===============================================================
Adding Custom Fonts in WordPress Using CSS3 @font-face

The most direct way of adding custom fonts in WordPress is by adding the fonts using CSS3 @font-face method. This method allows you to use any font that you like on your website.
First thing you need to do is download the font that you like in a web format. If you do not have the web format for your font, then you can convert it using the FontSquirrel Webfont generator.
Once you have the webfont files, you would need to upload it on your web hosting server.
The best place to upload the fonts is inside a new “fonts” folder in your theme or child theme‘s directory.
You can use FTP or File Manager of your cPanel to upload the font.
Once you have uploaded the font, you need to load the font in your theme’s stylesheet using CSS3 @font-face rule like this:
1
@font-face {
2
font-family: Arvo;
3
src: url(http://www.example.com/wp-content/themes/your-theme/fonts/Arvo-Regular.ttf);
4
font-weight: normal;
5
}
Don’t forget to replace the font-family and URL with your own.
After that you can use that font anywhere in your theme’s stylesheet like this:
view sourceprint?
1
.h1 site-title {
2
font-family: “Arvo”, Arial, sans-serif;
3
}
Loading fonts directly using CSS3 @font-face is not always the best solution. If you are using a font from Google Fonts or Typekit, then it is best to serve the font directly from their server for optimal performance.
That’s all, we hope this article helped you add custom fonts in WordPress. You may also want to checkout our guide on how to use icon fonts in WordPress and how to change the font size in WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

#157584 Copied

Rose Tyler

Support staff

March 23, 2017 at 15:02

Hello,

You need to upload font ttf and put it in your child theme.
This code you need to write in style.css file of your child theme http://prntscr.com/enimd8. Replace the font-family and URL with your own.

Regards,
Rose Tyler.

#157720 Copied
Viewing 8 results - 1 through 8 (of 8 total)