You need to be logged in to post in the forum - Log In
An active JCE Pro Subscription is required to post in the forum - Buy a Subscription
- Support
- Forum
- JCE Editor
- Custom Style Sheet - Google Fonts - Do not render on front.
Support is currently Online
Official support hours:
Monday To Friday
From 09:00 To 17:00 Europe/London (BST)
From 09:00 To 17:00 Europe/London (BST)
Been perusing the forums for hours trying to resolve this problem with implementing a custom style sheet with custom google fonts. Any assistance helping to resolve this problem would be greatly appreciated. Thanks in Advance.
Joomla 3.6.5
Gantry 5 (latest)
JCE 2.7.6.1
Theme: InspireTheme (Mighty)
Browser: Firefox 50.1.0
JCE Global Configuration:
1. Change Editor Styles dropdown to "Custom CSS Files"
2. Set Custom CSS files to "templates/$template/css/editor.css.
JCE Custom GOOGLE FONTS
1. In Editor Profiles (Default) -> Plugin Parameters
2. Added Entries for the Google Fonts I needed. (https://fonts.google.com)
EDITOR.CSS
1. Created /template/$template/css/editor.css
2. Added
Added the following to editor.css
TEMPLATE custom.scss. Inspire Theme (Mighty)
1. Added
2. Cleared Cache
3. Recompiled Template CSS
Problem: The Fonts do not render on the front end, what could I possibly be missing?
Thanks
Joomla 3.6.5
Gantry 5 (latest)
JCE 2.7.6.1
Theme: InspireTheme (Mighty)
Browser: Firefox 50.1.0
JCE Global Configuration:
1. Change Editor Styles dropdown to "Custom CSS Files"
2. Set Custom CSS files to "templates/$template/css/editor.css.
JCE Custom GOOGLE FONTS
1. In Editor Profiles (Default) -> Plugin Parameters
2. Added Entries for the Google Fonts I needed. (https://fonts.google.com)
EDITOR.CSS
1. Created /template/$template/css/editor.css
2. Added
@import url('https://fonts.googleapis.com/css?family=Arvo:400,700|Dancing+Script:700|Raleway|Roboto:500');
Added the following to editor.css
@import url(gantry-core.css);
@import url(joomla-core.css);
@import url(typography.css);
@import url(font-awesome.css);
@import url(thirdparty-k2.css);
@import url(thirdparty-k2-light.css);
@import url(demo-styles.css);
@import url(template.css);
TEMPLATE custom.scss. Inspire Theme (Mighty)
1. Added
@import url('https://fonts.googleapis.com/css?family=Arvo:400,700|Dancing+Script:700|Raleway|Roboto:500');
2. Cleared Cache
3. Recompiled Template CSS
Problem: The Fonts do not render on the front end, what could I possibly be missing?
Thanks
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!