1. Főoldal
  2. Cikkek
  3. Dev
  4. [Update]: Írjunk ikonokat - avagy az Icon Font használata

[Update]: Írjunk ikonokat - avagy az Icon Font használata

Dev

Nemrég írtam egy cikket az ikon fontok használatárol. Nos, a mai cikk annál jóval rövidebb lesz, csupán egy kiegészítő az előzőhöz.

Mivel már régóta használom az icon fontot, észrevettem, hogy Chrome böngésző alatt kicsit "szőrösek" az ikonok, szóval elkezdtem kutatni, hogy van-e erre orvosság és szerencsével jártam, mivel van! :)

Csupán az ikonok CSS fájljába a következő néhány sort be kell illeszteni:

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'icomoon';
src: url('ikonok-URL-címe') format('svg');
}
}

Az ikonok-URL-címe helyére pedig be kell illeszteni az SVG formátumú fájl elérési útját, amit az Icomoonról letöltött CSS fájlban megtaláltok!

További jó webszerkesztést mindenkinek!

kovjonas profilképe
Kovács Jónás @kovjonas +86 Hobbi web-designer, kezdő 3D modellező, LEGO őrült.
0 hozzászólás
Hozzászóláshoz jelentkezz be vagy Regisztrálj!