Voorheen moest u bij het maken van sites bitmappictogrammen gebruiken. Het was mooi, maar onhandig om verschillende redenen. Tegenwoordig hebben vectorpictogrammen de rasterpictogrammen vervangen. Dit is een originele en elegante oplossing die uw site zal verfraaien en verfrissen.
instructies:
Stap 1
Er is een goede webservice voor het maken van lettertypen van pictogrammen. Het heet Fontastic. Het is volledig gratis en zonder advertenties. De eerste stap is om u te registreren op de servicewebsite. Ga naar de website fontastic.me, voer uw e-mailadres in de invoervelden in en maak een wachtwoord aan en klik vervolgens op de grote gele knop "Maak uw Icon Font". Soms gebeurt het dat er geen informatie wordt weergegeven die een succesvolle registratie bevestigt. Maak je er geen zorgen over, ga verder met de volgende stap.
Stap 2
Klik nu op de knop "Inloggen" in de rechterbovenhoek. Op de pagina die wordt geopend, voer je opnieuw je e-mailadres en wachtwoord in, druk je op de knop "Inloggen".
Na een paar seconden te hebben gewacht, wordt het paneel voor het maken van lettertypen van pictogrammen geopend.
Stap 3
Hier is een grote selectie van pictogrammen. Door met de muis op de gewenste pictogrammen te klikken, selecteert u zoveel pictogrammen als u nodig heeft. Bovenaan wordt na het woord "PUBLISH" het aantal geselecteerde iconen aangegeven.
Stap 4
Als u niet genoeg pictogrammen van het gepresenteerde nummer heeft, scrolt u omlaag naar de onderkant van de pagina en vindt u de knop met de tekst "Meer pictogrammen toevoegen". Klik erop.
Stap 5
Er wordt een pagina met extra pictogrampakketten geopend. Sommige zijn betaald (met het label "Premium"), andere zijn gratis. Om extra pictogrammen te activeren, drukt u op de knop "ACTIVEREN" op de geselecteerde pakketten. Nu verschijnen ze in de algemene lijst met beschikbare pictogrammen wanneer u aan de slag gaat met het configuratiescherm door op de knop "Home" in het bovenste menu te klikken.
Stap 6
Als u uw eigen pictogrammen wilt toevoegen, klikt u op dezelfde pagina rechtsboven op de knop "ICONS IMPORTEREN". U kunt nu uw eigen pictogrammen uploaden. Houd er rekening mee dat alleen het SVG-vectorformaat wordt ondersteund.
Stap 7
Nadat u het vereiste aantal pictogrammen hebt geselecteerd, drukt u op de knop "AANPASSEN". Hier ziet u alle geselecteerde pictogrammen en kunt u er willekeurige klassenamen aan toewijzen, waarmee u ernaar verwijst in CSS-stijlen. Of u kunt de standaardnamen laten die het systeem aan de pictogrammen heeft toegewezen.
Stap 8
Druk op de knop "PUBLICEREN". Hier kunt u het gemaakte vectorpictogramlettertype (knop "DOWNLOAD") downloaden. Download het lettertypearchief dat door de service is gemaakt naar uw computer.
Stap 9
Het gedownloade archief bevat het CSS-stijlbestand, het HTML-bestand met de namen van de pictogramklassen en de map "fonts" met de lettertypen. Dit pictogramlettertype kan op uw website worden gebruikt.
Stap 10
Om het gemaakte pictogramlettertype te gebruiken, moet u het volgende doen:
- pak de inhoud van het archief uit en upload naar uw site in de map met stijlen;
- voeg een link naar een CSS-bestand toe in het HEAD-gedeelte van alle sitepagina's die met dit pictogramlettertype werken;
- in de paginacode gebruiken we de naam van de eerder gemaakte klassen om het nieuw gemaakte pictogramlettertype te gebruiken.
