font use

This topic contains 10 replies, has 2 voices, and was last updated by  alangreg 1 year, 3 months ago.

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

    satori
    Member

    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

    satori
    Member

    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

    satori
    Member

    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

    satori
    Member

    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.