[m.....q]

Inline SVG vs Icon Fonts [CAGEMATCH]

http://css-tricks.com/icon-fonts-vs-svg/

#webdev #webdesign #css

[D.....k]

@msq: interesuje mnie zakodowanie ikony svg do base64, żeby ją na sztywno dać do CSS, da się? :<

[n.....e]

@Dreszczyk: jesli mozna obrazek jakikolwiek pyknąć to i chyba svg tyż:

np.

background: url(data:image/svg+xml;base64,twojbase64encode);

EDIT: O masz http://cssdesk.com/KRqGL stestowałem. Można. Nie wiem na ile to jest kompatybilne z innymi przeglądarkami, ale pewnie jest ograniczona długość base64.

[n.....e]

@Dreszczyk: wołam, bo nie wiem, czy EDIT doczytałeś.

[D.....k]

@nCore: na SVG mam przerobić cały content pliku SVG?

[o.....r]

@nCore: (#) @Dreszczyk: (#) Tylko problem taki, że jak używamy SVG w backgroundzie to tracimy dużo bajerów jakie SVG oferuje.

Z drugiej strony jestem mocno przeciw wstawianiu SVG bezpośrednio do kodu - przecież ile lat było mówione, żeby nie wstawiać ![]() jeśli ma być tylko ozdobną ikoną. I jak to szybko zmienić w wielu miejscach?

[n.....e]

@ogur: @Dreszczyk: generalnie nie jestem zwolennikiem takiego rozwiązania, to jest bardzo złe i nie polecam tego tak jak @ogur pisze. Lepszym rozwiązaniem jest stworzenie swojego własnego fonta z własnymi obrazami SVG i korzystać z tego. Użyj na przykład http://icomoon.io/. Fajna sprawa.

[o.....r]

@nCore: (#) Problem będzie, jak się już wszystkim znudzi flat design i będziemy wracać do wielokolorowych ikonek :]

[n.....e]

@ogur: oj tak... razem z Metro i innymi pseudo kafelkowymi systemami ;)

[npsr]

@Dreszczyk: tylko po co ...? Tysiąc razy było wałkowane, że base64 ma sens w na prawdę nielicznych przypadkach. W każdym normalnym już nawet sprite lepsze