Deprecated: Function get_currentuserinfo is deprecated since version 4.5.0! Use wp_get_current_user() instead. in /var/www/html/wp-includes/functions.php on line 5383

font use

Viewing 10 posts - 1 through 10 (of 11 total)
  • Author
    Posts
  • #7315
    alangreg
    Member

    I know its possible to add extra fonts by using @fontface but will u accept @import

    #7316
    alangreg
    Member

    namely this font hosted at:

    http://allfont.net/download/montserrat-light/

    #7318
    mmsatori
    Keymaster

    Hey Alan,

    since the typeface you’ve linked to supports both “link” HTML tag and CSS @import (see the other tab in the integration section on that page) as ways of integration, you can use any of them with Ikebana.

    Sincerely,
    Andrii / Satori Studio

    #7319
    alangreg
    Member

    thanks – in a previous chat you mentioned a guide as to how to install the css but there was no link. Do you have any instrucions on how to actually put in the new css – it is not clear on the allfont site.

    #7320
    mmsatori
    Keymaster

    Ah, my apologies! Forgot to insert the link – here it is: https://css-tricks.com/snippets/css/using-font-face/

    Sincerely,
    Andrii / Satori Studio

    #7321
    alangreg
    Member

    thanks – i put this in the Add custom css but nothing affected

    @import {

    font-family: ‘Montserrat Light’, open sans;
    src: url(http://allfont.net/allfont.css?fonts=montserrat-light);

    }

    #7322
    alangreg
    Member

    and this:

    @import url(http://allfont.net/allfont.css?fonts=montserrat-light);
    {
    font-family: ‘Montserrat Light’, open sans;
    }

    #7323
    mmsatori
    Keymaster

    Hey Alan,

    have you added CSS to declare the newly imported typeface for the elements you need? E.g. if you want the font to apply to body text, you can use

    .normal, body, input, blockquote, dropdown-menu-widget .menu, .widget_categories .postform, .widget_archive select { font-family: 'Montserrat Light', sans-serif; }
    

    You can insert the code either via a child theme or by using the “Style: Add Custom CSS” tab of the Theme Options panel.

    Sincerely,
    Andrii / Satori Studio

    #7324
    alangreg
    Member

    i just want to use tt for the headings and primary menu. what do i input?

    #7327
    mmsatori
    Keymaster

    In this case you can use the following:

    serif, cite, h1, h2, h3, h4, h5, h6, .stick-title, .pagerbox a, .pagerbox, .su-heading-shell, #nav-primary ul a, #nav-secondary ul a, .mobilemenu .dropdown-menu, .mobile-icon-title-text { font-family: 'Montserrat Light', sans-serif; }
    

    Sincerely,
    Andrii / Satori Studio

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