Az úgynevezett ikon fontok régóta velünk vannak és igen hasznosak, hiszen minőségromlás nélkül méretezhetők és képek sem szükségesek hozzájuk, nagyon könnyen cserélhetők.

A Fontisto is ilyen és ingyen használható. Számos módon használatba vehető, itt kerül részletezésre.

A hagyományos módja:

<link rel="stylesheet" href=“https://cdn.jsdelivr.net/npm/fontisto@v3.0.4/css/fontisto/fontisto.min.css”>

De itt le is tölthető.

A használata olyan egyszerű, mint tipikusan a ikon fontoké, vagyis ennyinek kell a HTML-ben lennie:

<i class="fi fi-hexo"></i>

Vagyis <i> tag, a class a "fi", majd a kívánt ikon. Az ikonok listája itt található kategorizálva és kereső is van.


Tehát például ha kell egy email ikon az az "email", ami így néz ki:

<i class="fi fi-email"></i>



Ha nem elég nagy, akkor CSS-el megnövelhető a mérete a betűméret tulajdonság által:

<i class="fi fi-email" style="font-size: 40px"></i>

Érdekel a webfejlesztés, weboldalak készítése?

Kattints ide oktató videókért!