@import not working

by Valoish July 3rd 2017, 9:29 pm

Valoish: Forumember; Posts : 291
Reputation : 54
Language : English
Location : NYC

Post n°1

@import not working

by Valoish July 3rd 2017, 9:29 pm

Technical Details

Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Who the problem concerns : All members
Forum link : http://www.canvasforums.com

Description of problem

I have the following import rule pasted at the top of my CSS Stylesheet but for some reason it isn't working..

Code:: @import url('https://fonts.googleapis.com/css?family=Hind|Noto+Sans|PT+Sans|Raleway|Quicksand');

Whenever I try to use one of those font families in my CSS it doesn't show on the forum

Last edited by Valoish on July 5th 2017, 5:14 pm; edited 1 time in total

by Ange Tuteur July 3rd 2017, 11:09 pm

Ange Tuteur

Ange Tuteur: Forumaster; Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

Post n°2

Re: @import not working

by Ange Tuteur July 3rd 2017, 11:09 pm

Hi @Valoish,

If memory serves right, @import rules don't work in the stylesheet unless you deactive the basic CSS. (Display > CSS > Deactivate the Basic CSS) The reason they don't work is because Forumotion merges the forum's basic CSS and your custom CSS, with the basic CSS coming BEFORE your custom CSS, so it renders the @import rules useless, because @import rules have to be at the very beginning of the stylesheet. (see "@import" for extra info)

It should work if you disable the basic CSS, but that can pose a problem if you're using basic styles.. I think the best alternative would be to edit the overall_header template and include the following tag in the <head> section.