Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #965213

    Hello guys! I imported tittlimweb.
    but it seems that light and black are not visible. it seems that the font almost always stays on font-weight 400 or 600. I would like to use 200 (extralight) and 900 (black). In addition, the writing seems to look bad, seem to have jagged edges.

    How can I solve this problem?

    i imported my personal font in this way:

    add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
    function avia_add_heading_font($fonts)
    {
    $fonts[‘Titillium Web’] = ‘Titillium Web:200,200italic,300,300italic,400,400italic,600,600italic,700,700italic,900’;
    return $fonts;
    }

    add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
    function avia_add_content_font($fonts)
    {

    $fonts[‘Titillium Web’] = ‘Titillium Web:200,200italic,300,300italic,400,400italic,600,600italic,700,700italic,900’;
    return $fonts;
    }

    #965227

    Hi,

    Please update Enfold to the latest version 4.4 – https://kriesi.at/documentation/enfold/how-to-install-enfold. We have added font uploader in Enfold theme options > Import & Export tab :)

    Regards,
    Yigit

    #965437

    thanks!

    then recapitulating:
    – I will update the theme.
    – then load the font folder downloaded from google font?

    and then the code that I used in the function php no longer needed? should i delete it?

    #965456

    i did it, it seems works, but extra light doesn’t works! what can i do?!

    #965675

    Hi,

    Please check managing font variants section

    Best regards,
    Vinay

    #966365

    I did not understand what u mean.

    #967446

    Hi,

    Where would you like to display extra light(200)? Currently paragraphs are “light”(300) as you have following code in Style.css file of your child theme

    p{
    	font-family: 'Titillium Web', sans-serif !important;
    	font-weight: 300; font-size: 18px !important;
    	color: #666666 !important;
    	line-height: 26px !important;
    }

    Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your text block element in which you would like to display your extra light text and give it a custom CSS class (“my-custom-class” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab

    .my-custom-class p{
    	font-weight: 200;
    }
    

    Best regards,
    Yigit

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.