Font Vivaldi

or better enter in CSS?

@font-face {
font-family: 'Vivaldi Italic';
font-style: normal;
font-weight: normal;
src: local('Vivaldi Italic'), url('VIVALDII.woff') format('woff');

}

but where do i put the font (VIVALDII.woff)

Last edited 07 August 2020 by marco.tapia

Hello,

Yes, the idea is correct, you can use the font-face fule and put hte CSS into the Home tab >> Settings >> Additional CSS. We recommend to put the font files to some location on your server or other file hosting and use absolute URL for the src.
Then paste the font name in Design >> Font options for Text or Headings and click Enter.

Sincerely,
Nettie

Hi Nettie,
Unfortunately, I can't get it. I have inserted the text at HOME->Settings->Addacional CSS ->

@font-face {
font-family: 'Vivaldi Italic';
font-style: normal;
font-weight: normal;
src: local('Vivaldi Italic'), url('http://villa-alpenruh.de/wp-content/uploads/2020/08/VIVALDII.woff');
}
but it does not function

Last edited 10 August 2020 by marco.tapia

Hello,

I would also modify the src value in this way:

src: local('Vivaldi Italic'), url ("http://villa-alpenruh.de/wp-content/uploads/2020/08/VIVALDII.woff") format("woff");

Make sure to have " before and after the address. And better leave the absolute URL only:

src: url ("http://villa-alpenruh.de/wp-content/uploads/2020/08/VIVALDII.woff") format("woff");

Did you specify the font in Font Options or in Additional CSS for a specific element?

Sincerely,
Nettie

unfortunately it doesn't work, I still use Elementor and it works immediately.
What else can I do?

Hello,

Did you specify the font in Font Options or in Additional CSS for a specific element?

Sincerely,
Nettie

Hi Nettie,

I recorded a video for you

https://youtu.be/AR7xHj-CbTo

Hello,

Thanks for the video. The correct way is using the Design tab >> Font Options. However if the font-family in CSS is called Vivaldi Italic, then this exactly name should be entered into the field, then click on the empty space.

Sincerely,
Nettie

Unfortunately I'm having problems integrating the local fonts again. It is not allowed to use google fonts in Europe, otherwise you have to pay a fine.

I added the Muli Font to the Additional CSS.

@font-face {
font-family: 'Vivaldi';
font-style: normal;
font-weight: normal;
src: url('http://villa-alpenruh.de/wp-content/uploads/2020/08/VIVALDII.woff') format('woff');
}

@font-face {
font-family: 'Muli (lokal)';
src: url('http://villa-alpenruh.de/wp-content/uploads/fonts/Muli.eot');
src: url('http://villa-alpenruh.de/wp-content/uploads/fonts/Muli.eot?#iefix') format('embedded-opentype'),
url('http://villa-alpenruh.de/wp-content/uploads/fonts/Muli.woff2') format('woff2'),
url('http://villa-alpenruh.de/wp-content/uploads/fonts/Muli.woff') format('woff'),
url('http://villa-alpenruh.de/wp-content/uploads/fonts/Muli.ttf') format('truetype'),
url('http://villa-alpenruh.de/wp-content/uploads/fonts/Muli.svg#Muli') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

But no "Muli (lokal)" is displayed to me.
thx

PS
at Elementor only took 10 minutes.

Hello,

Please make sure you manually type the font in the Design tab >> Font Options for Text (or Headings) and click Enter or click at some empty space.

Sincerely,
Nettie

it's worked out -thx

Last edited 05 November 2022 by marco.tapia

unfortunately it still doesn't work well, sometimes it doesn't work sometimes. really shit. But how can I make all google fonts blocked?
thx

More importantly, Limassol has become a magnet for those seeking premium real estate in the Mediterranean. Investors and homeowners alike are turning to the prestigious Limassol villas that offer not just accommodation, but a way of life that is second to none. https://melrose.com.cy/

Could you please tell me how to add pagination pages to this website https://fashiontime.com.ua? For some reason, standard plugins are not working.

A resource pack called Minecraft Actions and Stuff was created especially for gamers of the Bedrock Edition of the game. Player motions, biome mob variations, and dynamic ambient changes are just a few of the numerous additional actions and visual enhancements it offers to the game.

One of the most talked-about APKs in the Free Fire community is now Astute Beta Server. Currently limited to Android devices, this proxy server tool was created especially to provide a more seamless gaming experience.