Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Tomáš Maňhal:25.11.2014 21:13

Zdravím :-)
Mám tu takový malý detektivní případ pro všechny CSS mástery :-)
Používám font Oswald z googlefonts.

@import url(http://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext:400,700);

Používám ho na nadpisy všech úrovní.

h1,h2,h3,h4,h5,h6{
font-family: 'Oswald', sans-serif;
font-weight:normal;
color:black;
margin:3px 0px;
padding:3px 0px;
}

Všechno krásně běží v Google Chrome a Opeře, ale Internet Explorer a Firefox se semnou neustále perou a diakritiku tak nějak zvláštně ztučňují :-)

Setkal se s tím někdo? Font samozřejmě podporuje diakritiku.

 
Odpovědět
25.11.2014 21:13
Avatar
maxy obr
Člen
Avatar
Odpovídá na Tomáš Maňhal
maxy obr:25.11.2014 23:15

Také jsem to řešil a někde jsem se dočetl, že i když fonty podporují diakritiku né všechny jí správně vypisují. Tohle by měl být seznam bezproblémových fotntů:
Arial Arial Black Comic Sans MS Courier New Georgia Impact Lucida Console Lucida Sans Unicode Palatino Linotype Tahoma, Geneva Times New Roman Trebuchet Verdana Symbol Webdings Wingdings MS Sans Serif MS Serif

Editováno 25.11.2014 23:16
 
Nahoru Odpovědět
25.11.2014 23:15
Avatar
Odpovídá na maxy obr
Tomáš Maňhal:26.11.2014 0:09

Já bych právě nechtěl ten font změnit, chci si to proti těm dvěma extrémně postiženým prohlížečům vybojovat, třeba přes nějakou okliku pomocí webkitu a podobně :-) Přece nejde pořád ustupovat prohlížečům, musíme je nějak pacifikovat :-)

 
Nahoru Odpovědět
26.11.2014 0:09
Avatar
Tomáš Maňhal:26.11.2014 3:51

Nakonec jsem celou záhadu vyřešil. A jak to tak bývá, chyba byla mezi klávesnicí a židlí...a v kódu :-D Takže mohu teď ve 3:52 jít konečně spát :-)

font Oswald podporuje diakritiku bez problémů v Chrome, IE, Firefoxu a Opeře (Jejich nejnovější verze).

Admini můžou téma zavřít ;-)

 
Nahoru Odpovědět
26.11.2014 3:51
Avatar
Odpovídá na Tomáš Maňhal
Michal Žůrek - misaz:26.11.2014 7:39

a kdeže byl ten problém? Co jsi udělal špatně?

 
Nahoru Odpovědět
26.11.2014 7:39
Avatar
Odpovídá na Michal Žůrek - misaz
Tomáš Maňhal:26.11.2014 10:22

Já jsem ten font ve skutečnosti jakoby nepoužil na ten nadpis, měl jsem ho totiž ostylovaný v jiné třídě a tam jsem mu font žádný nevnutil. Až po přidání fontu do příslušné třídy se vše začalo zobrazovat správně :-) Jenže stejně je to záhada, protože než jsem tomu nadpisu vnutil Oswalda, tak měl stejný font jako veškerý text, který se také zobrazoval naprosto korektně. Možná mají IE a Firefox občas problém vykreslit diakritiku při některých velkostech písma.

Člověk se v tom začíná ztrácet, když má jeho css soubor 2375 řádků :-D

 
Nahoru Odpovědět
26.11.2014 10:22
Avatar
mkub
Tvůrce
Avatar
Odpovídá na Tomáš Maňhal
mkub:27.11.2014 7:36

teraz trosku off-topic... ked ma CSS subor 2375 riadkov, nebolo by dobre ho trosku rezsekat do viacerych css suborov pre prehladnost?

 
Nahoru Odpovědět
27.11.2014 7:36
Avatar
Odpovídá na mkub
Tomáš Maňhal:27.11.2014 13:38

Mám celkem 8 CSS souborů pro přehlednost :-)

 
Nahoru Odpovědět
27.11.2014 13:38
Avatar
Odpovídá na Tomáš Maňhal
Neaktivní uživatel:27.11.2014 13:43

Tak to nebude to pravé řešení :)

Nahoru Odpovědět
27.11.2014 13:43
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Tomáš Maňhal:27.11.2014 13:47

Já v něm problém nevidím :-) Píšu si dokumentaci, mám to relativně přehledné :-) Sem tam se najde něco co prostě člověk zákonitě v brzkých ranních hodinách přehlédne, protože už mu polovina mozku dávno spí :-) V tom "velkém" CSS souboru mám i věci navíc, které jsem třeba nevyužil, ale které při další implementaci funkcí určitě využiji. Takže si pak nepřidělávám zbytečnou práci navíc :-)

 
Nahoru Odpovědět
27.11.2014 13:47
Avatar
Odpovídá na Tomáš Maňhal
Neaktivní uživatel:27.11.2014 14:00

8 CSS souborů mi jako problém příjde :D Chápal bych 2, jeden pro normální a druhý pro telefon, když je človek gurmán. Jinak nevidím důvod.

// A ta stránka z toho už vůbec nebude nadšená

Editováno 27.11.2014 14:03
Nahoru Odpovědět
27.11.2014 14:00
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Tomáš Maňhal:27.11.2014 14:04

Mobilní zobrazení mám vyřešené v tom "obrovském" :-) pomocí media queries. Jinak ty ostatní slouží k různým barevným provedením šablony webu, protože mám velmi ukecaného klienta, který má občas šílené představy o vkusu :-D Zvlášť mám pak všechny slidery a samozřejmě bootstrap :-)

//Nenačítám je tam všechny, neboj :-)

Editováno 27.11.2014 14:04
 
Nahoru Odpovědět
27.11.2014 14:04
Avatar
mkub
Tvůrce
Avatar
Odpovídá na Tomáš Maňhal
mkub:27.11.2014 14:17

nezabudne ani na optimalizaciu CSS, aj optimalizacia CSS dokaze zrychlit nacitavanie a myslim, ze browser si otvara paralelne vlakna na rychlejsie nacitanie prvkov WEBu, cize pokial je vela malych CSS suborov, tak je lepsie ich spojit do jedneho vacsieho, ale pokial mas napr. 1 desatmegovy CSS a z neho vyuzijes na stranke asi desatinu, tak je zbytocne tahat s tou strankou komplet cely subo, staci,ked v nom uvedies to najpouzivanejsie (browser si CSS cacheuje) a do dalsieho CSS suboru hodis iba dodatocne upravy a v pripade potreby v html kode v hlavicke iba sa na ten subor odkazujes, resp. hodis do html,pokial to je jedna/dve zmeny stylu (aj ked CSS v HTML nie je uplne koser)

 
Nahoru Odpovědět
27.11.2014 14:17
Avatar
Odpovídá na mkub
Tomáš Maňhal:27.11.2014 14:21

Optimalizaci CSS jsem nikdy moc neřešil, ale každopádně se na to podívám, díky za podnět :-)

 
Nahoru Odpovědět
27.11.2014 14:21
Avatar
mkub
Tvůrce
Avatar
Odpovídá na Tomáš Maňhal
mkub:27.11.2014 14:59

za malicko, pri tvorbe webu treba klast doraz aj na uzivatelov s pomalsimi linkami, hlavne ked je dana stranka urcena pre mobily, lebo kto by cakal minutu, kym sa nacita web?

 
Nahoru Odpovědět
27.11.2014 14:59
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 16 zpráv z 16.