Home › Forums › Air WordPress Theme › Using a different font
- This topic has 13 replies, 4 voices, and was last updated 7 years, 9 months ago by
SeaTheme.
-
AuthorPosts
-
March 16, 2018 at 8:13 pm #14793
I’m trying to use Futura Heavy font for my headings and body text.
How do I do that? (The FAQ topic wasn’t clear enough for me).
March 17, 2018 at 2:16 am #14794Hi,
The Futura Heavy font is not form Google fonts, is it? You need define the font by css:
Step 1. Please upload the font files(like: ttf, woff2, maybe there are other format…) to your web site space by FTP
Step 2. Define the font by CSS
@font-face, you can write the css-code into “Appearance > Customize : Additional CSS” or CSS file of child theme, the CSS code is a sample, you can refer your font Doc(if it has).@font-face { font-family: TheFontName; font-weight: normal; font-style: normal; src: url('http://yoursite.com/styles/fonts/TheFontName.woff') format('woff'),url('styles/fonts/Inconsolata-Regular.ttf') format('truetype'); }Step 3. Assign the fonts by css”Appearance > Customize : Additional CSS”:
/* Heading font */
body.single .title-wrap-tit,.title-wrap-h1, .archive-grid-item-tit,.title-wrap-meta-a,.archive-grid-item-meta-item,h1,h2,h3,h4,h5,h6 {font-family: 'TheFontName';}/* Body text */
body,.single-portfolio-fullscreen-slider .owl-dot.active{font-family: 'TheFontName';}/* Menu */
.navi-trigger-text, #navi-header a,.header-bar-social .socialmeida-a,#navi a {font-family: 'TheFontName';}——–
TIPS:1, If you use the default font like “Arial”, please ignore step1-2, assign the fonts as step3 like:
body { font-family: arial, helvetica, sans-serif; }
2, If upload multi fonts, refer to https://seatheme.net/forums/topic/air-theme-adjustments-template/#post-18288——-
Common safe system fonts:
Arial => font-family: arial, helvetica, sans-serif;
Helvetica => font-family: helvetica, sans-serif;
Times => font-family: “Times Roman”, times, serif;
Times New Roman =>font-family:”Times New Roman”, “Times Roman”, TimesNR, times, serif;Regards!
Bwsm – uiueux.com – Twitter – FacebookAugust 3, 2018 at 2:32 pm #15996This reply has been marked as private.August 4, 2018 at 12:13 am #16002Hi, processstudios
Yes, sure.
Please send your question and wp-admin(url/user/pass) to uiueux@gmail.com, I’ll log in to check it.September 2, 2018 at 4:40 pm #16236Hello,
I’m trying to use a different font for different headings. I have installed google fonts and have Oswald as the heading font family, however I want a different font for heading 4.
I’m new to wordpress and websites in general so don’t really know what I am doing, any help would be greatly appreciated!
September 3, 2018 at 3:21 am #16239Hi,
Please use the css(“Appearance > Customize : Additional CSS”):
@import url('https://fonts.googleapis.com/css?family=Oswald'); .entry h4,.text_block h4,.ux-portfolio-template-intro h4{ font-family: 'Oswald', sans-serif; }I don’t know if you link the Oswald font css, if not work please leave your page URL.
Regards!
September 3, 2018 at 10:31 am #16245This reply has been marked as private.September 3, 2018 at 10:00 pm #16253Please notice:
Please use the css(“Appearance > Customize : Additional CSS”):
Not:
Appearance>Customize>Typograhpy>Default Typography
September 6, 2018 at 11:48 am #16307This reply has been marked as private.September 7, 2018 at 12:50 am #16311Please update the css:
.entry h1,.text_block h1,.ux-portfolio-template-intro h1{ font-family: 'Oswald', sans-serif;}
update as:
body .entry h1,body .text_block h1,body .ux-portfolio-template-intro h1{ font-family: 'Oswald', sans-serif; }September 7, 2018 at 9:44 am #16327This reply has been marked as private.September 7, 2018 at 1:14 pm #16334Refer:
body .entry h1,body .text_block h1,body .ux-portfolio-template-intro h1{ font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: bold; font-style: italic;}https://www.w3schools.com/cssref/pr_font_weight.asp
https://www.w3schools.com/cssref/pr_font_font-style.asp
ps:
Some value(font-weight and font-style ) depends if your fonts support.September 7, 2018 at 1:50 pm #16336This reply has been marked as private.September 8, 2018 at 6:34 am #163431.Appearance > Theme Options > Font settings: Portfolio List : Title for Item
2. Edit the portfolio page, enable “Hide Category”
Please open new ticket for new questions.
-
AuthorPosts
- The topic ‘Using a different font’ is closed to new replies.
