New Front EN › Support Forums › Ikebana Theme Support › font use
- This topic has 10 replies, 2 voices, and was last updated 7 years, 1 month ago by
alangreg.
-
AuthorPosts
-
April 8, 2016 at 5:09 pm #7315
alangreg
MemberI know its possible to add extra fonts by using @fontface but will u accept @import
April 8, 2016 at 5:11 pm #7316alangreg
Membernamely this font hosted at:
April 9, 2016 at 9:35 pm #7318satori
KeymasterHey 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 StudioApril 10, 2016 at 11:53 am #7319alangreg
Memberthanks – 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.
April 10, 2016 at 12:33 pm #7320satori
KeymasterAh, my apologies! Forgot to insert the link – here it is: https://css-tricks.com/snippets/css/using-font-face/
Sincerely,
Andrii / Satori StudioApril 10, 2016 at 2:01 pm #7321alangreg
Memberthanks – 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);}
April 10, 2016 at 2:08 pm #7322alangreg
Memberand this:
@import url(http://allfont.net/allfont.css?fonts=montserrat-light);
{
font-family: ‘Montserrat Light’, open sans;
}April 10, 2016 at 2:43 pm #7323satori
KeymasterHey 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 StudioApril 10, 2016 at 3:46 pm #7324alangreg
Memberi just want to use tt for the headings and primary menu. what do i input?
April 11, 2016 at 11:34 am #7327satori
KeymasterIn 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 -
AuthorPosts
- You must be logged in to reply to this topic.