Szöveg képként egy weboldalon. Ennek mi értelme van?

A fontkészlet miatt.

Speckó betűtípus, amit így generáltatnak, ez van.

[link]

SEO-nak miért mond ellent? A legtöbb kereső úgy parsolja be a képeket, mintha az alt szövegük lenne ott. Ha az alt-ban ugyanaz van, mint ami a képen, akkor SEO szempontból gyakorlatilag semmit nem befolyásol. A site speeden kívül. De bizonyos esetekben akár gyorsabb is lehet mint egy web font.

Az oldal készítői lehet, hogy egyszerűen csak nem tudtak vagy nem akartak webes fontot alkalmazni. Vagy lehet, hogy valamiért ezt találták optimálisnak.

Sokan használnak képet szöveg helyett weboldalon, főleg címsorokban. Például az Apple is. És ennek az az oka, többek között, hogy a betűtípusok renderelése még távolról sem tökéletes a böngészőkben. Gyakorlatilag minden böngésző másképp rajzolja ki. Mac-en Safariban például vastagabbak a betűk, mint Windows-on. És ez annak köszönhető, hogy más smoothing eljárást alkalmaznak.

Pár dolog ami befolyásolja:

- monitor típusa

- operációs rendszer

- böngésző

- monitor felbontása

- betűtípus

- felhasználói beállítások

- hinting

Valamilyen antialisaing megoldást minden böngésző használ már. Mac-en már csak subpixel antialiasing van. Windowson még subpixel kerning is van.

Szóval, ha valaki azt szeretné, hogy minden gépen ugyanúgy nézzenek ki a betűik, akkor nincs más választása, mint képet használni. Persze ennek rengeteg hátránya van, de például ha csak néhány szót kell vele kiírni, akkor SEO szempontból még előnyösebb is lehet, mint egy web font.

A kérdező által linkelt oldalon, Canvas alpon keletkeznek a betűkből képek.

Ez egy elég böngésző függő megoldás, mert régebbiek még nem ismerték.

Annyi az értelme, hogy a 4-5 font helyet amit különböző böngészők igényelnek, 1 -et kell csak tárolni.

SEO szempontból is jó, mert valójában szöveg alapon van a forrásba, csak a JS alakítja ki a képeket.

Viszont ellentétben a szerveres átalakítással, itt kliens gép befolyásolja a fentebb említett apróbb eltéréseket.

jaja, jelenleg nem is a betű típus, hanem text-shadow miatt van.

script:

Cufon.replace('.blog_title .header', {textShadow: '2px 2px rgba(255, 255, 255, 0.86)'});