Upload custom font • Verbosa How To Forum

Author

Posts
February 28th, 2021 at 02:29 #114448

GraineCosmos

Hi,

I would like to upload a custom font on my wordpress.
The font is on my computer and I want to use it for my blog.
I tried to upload it by using Custom Fonts plugin but when I go to the Widget font and I write my font name (Slime for exemple) it doesn’t work.

I also tried to add :

@font-face {
font-family: ‘Slime’;
src: url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.eot);
src: url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.eot?#iefix) format(’embedded-opentype’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.woff2) format(‘woff2’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.woff) format(‘woff’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.ttf) format(‘truetype’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.svg#slime_boxregular) format(‘svg’);
font-weight: normal;
font-style: normal;

}

In style.css and in fontface.css but it’s the same, WordPress doens’t find it /:

Someone has an idea ?

Thanks and have a nice day

February 28th, 2021 at 02:29 #114453

GraineCosmos

Hi,

I would like to upload my custom font on my wordpress. But how to do ?

I tried to upload the font with Custom Fonts but it doens’t work. When I write “Slime” on my widget font there is nothing.

I also try to add :

@font-face {
font-family: ‘Slime’;
src: url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.eot);
src: url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.eot?#iefix) format(’embedded-opentype’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.woff2) format(‘woff2’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.woff) format(‘woff’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.ttf) format(‘truetype’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.svg#slime_boxregular) format(‘svg’);
font-weight: normal;
font-style: normal;

}

in my style.css and in my fontface.css but the issue still here.

Someone has an idea ?

Thanks and have a nice day !

Website: www.blog.grainedecosmos.fr

March 1st, 2021 at 00:17 #114707

Zed
Cryout Creations mastermind

Hi,

The custom font appears to work now (at least for me). Are you still having issues?

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

March 2nd, 2021 at 16:18 #114757

GraineCosmos

Hi,

i find the solution, I had to add these :

@font-face {
font-family: ‘Slime’;
src: url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.eot);
src: url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.eot?#iefix) format(’embedded-opentype’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.woff2) format(‘woff2’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.woff) format(‘woff’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.ttf) format(‘truetype’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.svg#slime_boxregular) format(‘svg’);
font-weight: normal;
font-style: normal;

}

on CSS additionnel

Thanks !

Website: www.blog.grainedecosmos.fr
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Upload custom font’ is closed to new replies.