It works for me. Please try it out.Thanks function tf_add_google_fonts() {wp_enqueue_style( ‘tf-google-fonts’, ‘http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300’, false ); } add_action( ‘wp_enqueue_scripts’, ‘tf_add_google_fonts’ );
Goto your dashboard > appearance > customize there you can find some options to change button color,font size etc. To target your ul in menu you need to use below class: ul.nav-menu To target the li a of your menu use below class : .menu ul.nav-menu li a To target you ul under the parent … Read more
In addition to content, you also need to specify font family. Otherwise the browser will use whatever font Divi has assigned to that icon, which is probably not Font Awesome. .get-social-rss .icon:before { content: ‘\f16d’; font-family: FontAwesome; }
Dequeueing the enqueued style will be sufficient. But you need to be careful to dequeue it after it is enqueued. It is enqueued at the default priority of 10, so make sure that when you hook into wp_enqueue_scripts you do so at a higher/later priority. add_action( ‘wp_enqueue_scripts’, ‘wpse_escutcheon_scripts’, 11 ); function wpse_escutcheon_scripts() { wp_dequeue_style( ‘escutcheon-fonts’ … Read more
UPDATE: You just have to put this code in your custom-css area in the wordpress customizer: .wpb_wrapper {font-family: playfair display;} But this will affect all items on your site with the CSS-Class “.wpb_wrapper” so maybe you should look for a way to specifice the CSS-Classes and CSS-IDs for single elements of your page if you … Read more
The problem was due that a caching plugin (Autoptimize) removed Google Fonts. I have unselected the option to remove Google fonts there and now the problem is no more. I will never again let any caching plugin remove this. It’s totally redundant when you have a good theme and right theming, in 2017.
You have to clarify which custom font, as your question is too broad. Is the custom font available through Google Fonts or which other source? If it is accessible through Google Fonts then use one of the Google Fonts plugins you can find in your WP backend, this will apply the Google Fonts script all … Read more
Fonts are not applying
This is because your the icon is being output outside of the anchors. To fix this issue, add another class, for example my-class to the menu classes. Now, try to position the icon absolutely, and fix the padding: .fa.my-class::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .fa.my-class { margin-left: 10px; padding-left: 10px; … Read more
It’s probably how you’re referencing the fonts from the css. Assuming “style.css” and “fonts” directories are on the same level, your code should work. Are you using a bundler (Webpack or Gulp)? Either could resolve your issue quickly.