html betü méret

Internet: PHP, CGI, stb.

Az lenne a gondom, hogy mindegyik böngészőben más méretűek, alakúak lesznem a szöveges részek. Így egyes részek egyes böngészőkben kilógnak, vagy rondán néznek ki. Hogy tudnám úgy megadni, hogy mindenhol úgyan úgy látszódjon. Jelenleg nincs megadva font,text paraméter.

  • 2415 megtekintés

CSS-ben font-size, és érdemes a mértékegységet hüvelykben vagy centiméterben megadni, hogy relatíve ne legyen monitor- és felbontásfüggő.

szerk.: a mindenhol ugyanúgy pedig nem fog menni, mert OS/böngésző/betűkészlet függvénye. a kb. ugyanúgy egész hatékonyan elérhető.

:: by BRI.
:: tothab [a] gmail [pötty] kom
:: black rose immortal's weblog

Például érdemes arra figyelni hogy alap fontokat használj, amik minden gépen megtalálhatók, mert egy speciálisabb betűtípusnál is elég vicces dolgok tudnak születni. Én már szívtam azzal, hogy "hudedizájnos" menüt szeretett volna Mr. X... Megkapta, csak ott képek lettek betéve. Viszont ez csak itt él meg. Bár láttam már olyan honlapot, ahol az egész cucc -szöveges rész!- képekből állt... :-)

Uff!

--
"Tévedni emberi dolog, de kínos." (Rejtő)

auto overflow-t egyebkent sem szeretek hasznalni, a hover dolog mar problema, de szerintem javithato a dolog azzal, hogyha 2 div van, mind2-ben ugyanaz a szoveg, csak mas szinnel, a masodik az display:none; (rejtett), es van egy script, amit az egyiken meghiv onmouseover-re, a masikon onmouseout-ra, ami felcsereli a lathatosagot. Ezt tobb fele keppen is ki lehet vitelezni, es szerintem jarhato ut... most jut eszembe, hogy talan az onmouseover="javascript:ezaz = this.getContext('2d'); ezaz.fillStyle = hsl(50,60%,80%);" is lehetne szint varialni, bar lehet hogy ez nem lesz ilyen egyszeru... lehet hogy valahol a generalo scriptben kell megirni, hogy hover-css-t figyelje, es elore elkeszitse a scriptet... vagy nemtudom, de nem tunik rossz feladatnak :) ... tuti h nem kivitelezhetetlen.

nem ismertem. Ez merre működik? Nemigen találtam a neten róla semmit.
Én csak a css-es @font-face megoldást ismertem, amit az Internet Explorer gúnyos kacajjal ugor (meg finn) át.

A typekit viszont még működhet, de csak azokra a fontokra, amelyeket támogat :-/

—-—-—
int getRandomNumber() {
	return 4;//szabályos kockadobással választva.
}		//garantáltan véletlenszerű. xkcd

Az DPI beállítás függő lesz, tehát ha egy böngésző 96dpi-t állít be magának az OS beállításaitól függetlenül (van ilyen), akkor máris más lesz a mérete.

Szerintem px-ben érdemes megadni, akkor mindenhol ugyanakkora lesz, a képek is fix pixel méretűek. Ezzel a megoldással is vannak eltérések, mert pl a Gecko máshogy kezeli a sormagasságot, mint az explorer. Előfordulhat az is, hogy

font-size: 13px;

érték után a Firefox 15px sormagasságot csinál, az explorer pedig 18-at. Ezt lehet javítani:

line-height: 15px;

Egyébként szerintem az a legjobb, ha Firefoxon feljesztesz és a végén megnézed exploreren az eredményt, majd kiigazítod, hogy arra is jó legyen.

( YanChi | 2009. 10. 06., k – 09:08 )

Annyi hozzátartozik, hogy az itt leírt módszerek egyike sem igazán keresőbarát (helyesbítek, a cufón talán nem sokat ront a helyzeten).
Sajnos igazán korrekt módon még egyforma feltelepített betűtípusok mellett sem lehet egyformán megjeleníteni szövegeket (nem képként), ha meg a user elállítgatja a böngészőt, akkor meg pláne nem.

Nyilván, amint nem képként megy a szöveg, rögtön átveszi a szerepet a fontrenderelő motor.
Pl.:
- antialias… nincs/pixel/subpixel? (Firefoxban nem tudom, mi van, de nekem pl. a midori renderelése nekem jobban tetszik.)
- kerning meg egyéb opentype scriptek kezelése
- hinting információk kezelése (kis méretnél mely vonalak fontosak, melyek összemoshatóak hasonlók)
- valamennyire idetartozik a böngészőben beállított minimális betűméret

Én úgy tartom, ha javascripttel utólag cseréljük le a feliratokat, akkor nincs nagy para SEO terén – és erre még a sIFR is jó, csak az ég óvjon tőle :)

Nekem egyelőre a cufón, mint vektor alapú image replacement eljárás a szimpatikus, bár rendesen tényleg a képpel való helyettesítés kezeli pl. az érdekesebb opentype funkciókat, amelyekhez ellenben kell egy decens renderelő a képekhez. Nomármost ilyet egyelőre a pango-view tud még úgy kb…

Olya dolgokhoz, amelyeknek skálázódniuk kell, egyelőre a cufón a legjobb. Ha a betűtípus érdekes funkciókat is felvonultat, akkor marad a sima kép, aminek meg megvan az a hátránya, hogy pixelekben lehet mérni csak.

—-—-—
int getRandomNumber() {
	return 4;//szabályos kockadobással választva.
}		//garantáltan véletlenszerű. xkcd

+1
a cufon nekem is bejott... SEO-ba sem kavar be, meg tetszik hogy szavankent epiti fel a vektoros kepeket, es nem egybe, ahogy a legtobb text2image php script.
Majd ha szukseg lesz ra, akkor megoldom a hover-es problemat is, vagy valami hasonlo funkciot, es kuldok patch-et hozza a fejlesztoknek :)