Eigen fonts gebruiken

Mach3Blocks biedt de mogelijkheid om fonts welke niet beschikbaar zijn in onze eigen font bibliotheek in te kunnen stellen. Hiervoor is codetoegang noodzakelijk.

Via de volgende stappen stelt u een eigen font in

1. Ga naar het Bestandsbeheer van uw website.
2. Upload het fontbestand met extensie .woff.
3. Open de details van het bestand.
4. Kopieer de placeholder van het bestand, bijvoorbeeld file:000.
5. Sluit het Bestandsbeheer.
6. Open de code-editor op websiteniveau.
7. Plaats de onderstaande code in de websitecode.
8. Vervang file:000 door de placeholder van het geüploade font.

@font-face {
	font-family: 'roboto-light';
	font-style: normal;
	font-weight: normal;
	src: url('file:000') format('woff');
}

Als voorbeeld wordt nu roboto-light overschreven. Dit kan natuurlijk ook een ander font zijn. Bij font-family dient het font ingevuld te worden welke overschreven moet worden door het eigen font. Dit font kan geselecteerd worden in de Mach3Blocks editor. Bij src: url() kunt u de verwijzing naar de placeholder tekst plaatsen. Mach3Blocks zal deze placeholder automatisch vervangen.