Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #25012

    Hi. I have two questions about fonts.

    1. How to add Google fonts that support Cyrillic?

    2. How to change the font size of the main body, the size of the font for headings (h1-h6) and navigation menu?




    1) See https://kriesi.at/support/topic/custom-font-with-cyrillic-symbols – you can add a new font or overwrite an existing font – a list of all supported fonts can be found in wp-contentthemesenfoldincludesadminregister-admin-options.php




    'Dancing Script'=>'Dancing Script',
    'Droid Sans'=>'Droid Sans',
    'Droid Serif'=>'Droid Serif',

    'EB Garamond'=>'EB Garamond',

    'Fjord One'=>'Fjord One',


    'Josefin Sans' => 'Josefin Sans',
    'Josefin Slab'=>'Josefin Slab',


    'League Script'=>'League Script',

    'Mate SC'=>'Mate SC',

    'News Cycle'=>'News Cycle',

    'Open Sans'=>'Open Sans:400,600',

    'PT Sans'=>'PT Sans',



    'Signika Negative'=>'Signika Negative',

    'Terminal Dosis'=>'Terminal Dosis',
    'Tenor Sans'=>'Tenor Sans',

    'Varela Round'=>'Varela Round',


    Eg if you want to use Open Sans with Cyrillic characters add following code to the bottom of functions.php:

    add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
    function avia_add_heading_font($fonts)
    $fonts['Open Sans'] = 'Open Sans:400,700,400italic,700italic&subset=cyrillic';
    return $fonts;

    add_filter( 'avf_google_content_font', 'avia_add_content_font');
    function avia_add_content_font($fonts)
    $fonts['Open Sans'] = 'Open Sans:400,700,400italic,700italic&subset=cyrillic';
    return $fonts;

    2) To change the body font size insert following code into the quick css field and change the font size/line height value:

    body {
    font: 13px/1.65em "HelveticaNeue", "Helvetica Neue",Helvetica,Arial,sans-serif;

    The first value is the font size, the second value the line height.

    You can change the headline sizes with

    h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
    h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
    h3 { font-size: 19px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
    h4 { font-size: 17px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
    h5 { font-size: 16px; line-height: 1.1em; } /*17*/
    h6 { font-size: 14px; line-height: 1.1em; }


    and the navigation menu?


    You can use following code to change the font size of the menu

    .main_menu ul:first-child>li>a {
    font-size: 20px;

    Or if you want to change the size of the sub menu items too

    .main_menu ul>li>a {
    font-size: 20px;

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Two questions about fonts’ is closed to new replies.