How I can upload a "no-google-font" in the Air Theme?

[GiuDes]

I want to use a font that it isn’t of Google.

How I can do that?

Thanks.

[SeaTheme]

Hi,

You need define the font by CSS:

1. Please upload the font files(like: otf, woff2, maybe there are other format…) to your web site space by FTP

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');
}

3. Assign the fonts by 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,product-caption-title {font-family: 'TheFontName';}

/* Body text */
body {font-family: 'TheFontName';}

/* Menu */
#navi a,.navi-trigger-text, #navi-header a,.header-bar-social .socialmeida-a,.head-meta .languages-shortname,.ux-justified-menu a {font-family: 'TheFontName';}

[Author]

Posts