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.
How to remove Google fonts from wp-admin (Roboto) added by core
Download CSS with info about embedded fonts from Googleapis.com. Example link: https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap Save the file right into your child theme directory so it’s now: https://www.example.com/wp-content/themes/theme-child/fonts.css When you open this fonts.css file, there is content which looks like this: /* latin-ext */ @font-face { font-family: ‘Montserrat’; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format(‘woff2’); unicode-range: … Read more
Zeen theme has a Typography section where it loads all the fonts
I don’t want to sound too critical, but you might want to review how to properly introduce a new font, and apply font styles content. The declaration that you presented appears to have a couple of issues: Using “.new-baskerville” would cause everything with the class “new-baskerville” (and ONLY those with that class) to appear with … Read more
Where my home page and font options has gone?
Don’t know why but this solved the problem @font-face { font-family: “Computer Modern”; src: url(‘http://localhost/sitename/wp-includes/fonts/latex/cmunrm.woff’); } @font-face { font-family: “Computer Modern”; src: url(‘http://localhost/sitename/wp-includes/fonts/latex/cmunti.woff’); font-style: italic; } @font-face { font-family: “Computer Modern”; src: url(‘http://localhost/sitename/wp-includes/fonts/latex/cmunbx.woff’); font-weight: bold; } @font-face { font-family: “Computer Modern”; src: url(‘http://localhost/sitename/wp-includes/fonts/latex/cmunbi.woff’); font-weight: bold; font-style: italic; }