- Posts
Hello,
I was originally told that Typekit was no problem to use with BoldGrid. Now that I have gotten into it I see that it is a big problem. I am using InMotion Hosting and wanted to use Boldgrid. I emailed Typekit and they said I have published my fonts properly and that the Boldgrid theme is still over riding the css code I added. I was able to inspect page and see what they were talking about. I would like to use the fonts somehow without doing anything crazy. I will be a deal breaker for our team since our fonts are apart of each brand. Can someone please assist me with this.
Thanks!
Amanda Bucha
Hello Amanda,
Sorry for the problem with the Typekit fonts. I checked with the BoldGrid developers and the bottom line is that you need to make custom changes to the code in order to use Typekit fonts. They can be used, but by default BoldGrid fonts are enabled.
Inline styling should work, but I know but it may be more trouble than it’s worth. Modify the BoldGrid Kirki (or whatever font is being loaded by BoldGrid) to include TypeKit with something like this:
Code for Addint Typekit fonts to Kirki
If you want to do it within the Custom CSS Editor, you can also use !important tags in their CSS rules as well (edited) so that they override existing CSS definitions.
In the themes config.php file, you can also do this:
$boldgrid_framework_configs[’customizer-options’][’typography’][’enabled’] = false;
This removes the BoldGrid Font CSS. The file is located in inc/boldgrid-theme-framework-config/config.php
You would then be free to use the TypeKit Plugin, and Custom CSS in the editor to add a custom font. Keep in mind that nothing will be styled via BoldGrid for fonts once that is done.
I hope this helps to answer your question! If you have any further questions, please let us know.
- The topic ‘Css for my typekit font is not working in your advanced customizer’ is closed to new replies.
