Hi
I am looking to add custom fonts options through newspaper theme. But when i navigate via custom font options page, it has only option to configure .woff font files. http://prntscr.com/8mv1rn
As you know well some browsers may not support .woff files.
1. How can i add options to setup other font types such as .ttf, svg, eot and so on?
2. Tell me which files i need to hack via child theme to achieve the above goal?
If you are not suggesting above technique, suggest me the new technique without editing core theme files to add custom font options.
Expecting your kind reply
With regards
Selvam.S
Hi,
I added this suggestion on our todo list, as I cannot provide a quick solution for this. It requires many modifications and it is not an easy task. The developers will consider this for futures updates, but I cannot promise you anything regarding it, the developers will take the final decision.
If you really need this now I suggest to hire someone to do it for you from sites like – http://studio.envato.com/
Also the wp admin panel settings cannot be overwritten via child theme.
Thanks!
Disappointing reply
I am asking the suggestion from you how to do that and did not ask you, do it for me. Worst support which i ever experienced before.
Never recommend to newspaper theme anyone else.
Hi,
Unfortunately the theme doesn’t have such an option, so you will need custom modifications for this and we cannot provide custom work, sorry!
A solution is to upload you custom font to your server and define it in the style.css file or Theme Panel > Custom Css like the theme font is defined – http://screencast.com/t/cfvpUyGjYj9 and add your own font name and path.
Once your custom font is defined you can use css code to apply your font.
Hope this helps!
Hi
Before that how to disable default Google Fonts via Child Theme? Does Less_files folder does supports via child theme?
You can easily import any font family you wish via your style.css file, and load files on your own site.
You may find this helpful if you’re new to how to use custom fonts on the web:
enabling web fonts
http://zoerooney.com/blog/tutorials/installing-web-fonts-start-to-finish/
overview of font linking in style sheet:
http://www.fontspring.com/support/troubleshooting/style-linking
Hi,
Thanks Chris! The tutorial are more useful, they explain step by step how to add a custom font.
@wpdiv Please read child theme documentation, you can see there all the files supported by child theme – https://forum.tagdiv.com/the-child-theme-support-tutorial/ I provide you an example how you can add a custom font to the stylesheet file, like the theme fonts are added you don’t have to do anything in the less file(just to see the code). Maybe the tutorials posted by Chris will help more(it is the same what I tried to explain, not so good I guess…).
You can disable google fonts via child theme using a hook, please paste this code in the child theme functions file – http://screencast.com/t/hLPMbut3GlOH – http://pastebin.com/HjBxAmTP I have tested this on my side and it should work, please check your page source.
Hope this helps!
Hi alin
add_action('td_global_after', 'hook_td_global_after');
function hook_td_global_after() {
td_global::$default_google_fonts_list = array ();
}
The above code does not remove Google fonts. Once i applied the above code via child theme functions.php file, still Google fonts are applied across the website.
Where it is went wrong?
Hi,
The above code stop the google fonts to be loaded, you can check this in your page source – http://screencast.com/t/6ZeABLBw It doesn’t remove the default theme css if this is what you mean.
Thanks!
Hi alin
Something went wrong when i test it earlier and it works now and stop loading Google Fonts when i check the page source and test via pingdom as well http://tools.pingdom.com/fpt/#!/p4c7D/http://oct.wpdiv.com
1. if declare Custom CSS fonts and change the CSS selectors with appropriate fonts, Will i able to control it via Newspaper theme options panel?
2. Based on Chris speed optimization tips here https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ here i am looking to stop loading Visual composer CSS files in single post pages with this hook.
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);
But still visual composer CSS http://oct.wpdiv.com/wp-content/plugins/js_composer/assets/css/js_composer.css loading in the page source. What is the problem in the above code?
I’ve replied you via email!
Thanks!
