mam problem s css stylom font-weight, na mobiloch mi hruby text zobrazuje ako normalny.
Kód: Vybrať všetko
.content strong {
font-weight: 500;
}
Ako mam dany problem fixnut?
CSS font-weight
-
harrison314
Hardcore addict
- Príspevky: 8217
- Registrovaný: 27 máj 2009, 20:42
- Bydlisko: Bratislava
- Kontaktovať používateľa:
CSS font-weight
Zdravim,
mam problem s css stylom font-weight, na mobiloch mi hruby text zobrazuje ako normalny.
Pouzivam font Segore ui.
Ako mam dany problem fixnut?
mam problem s css stylom font-weight, na mobiloch mi hruby text zobrazuje ako normalny.
Ako mam dany problem fixnut?
-
Michaelo
Hardcore addict
- Príspevky: 6177
- Registrovaný: 16 júl 2008, 20:29
- Bydlisko: Pri PC
- Kontaktovať používateľa:
Re: CSS font-weight
Skusil si klasiku BOLD? Lebo pre 100, 200, 300, 400, 500, 600 musis mat dany font.
-
harrison314
Hardcore addict
- Príspevky: 8217
- Registrovaný: 27 máj 2009, 20:42
- Bydlisko: Bratislava
- Kontaktovať používateľa:
Re: CSS font-weight
Ten som nedaval lebo je prilis hruby na desktopoch.
Nejestvuje riesenie, v ktorom ak sa hrubka 500 nenajde piuzije bold?
Nejestvuje riesenie, v ktorom ak sa hrubka 500 nenajde piuzije bold?
-
Michaelo
Hardcore addict
- Príspevky: 6177
- Registrovaný: 16 júl 2008, 20:29
- Bydlisko: Pri PC
- Kontaktovať používateľa:
Re: CSS font-weight
POkial pouzivas vlastne pismo tak jo, ale s normalnymi si niesom isty...
-
harrison314
Hardcore addict
- Príspevky: 8217
- Registrovaný: 27 máj 2009, 20:42
- Bydlisko: Bratislava
- Kontaktovať používateľa:
Re: CSS font-weight
Nepouzivam vlastne pismo.
-
audiotrack
VIP
- Príspevky: 25958
- Registrovaný: 09 sep 2005, 18:39
- Kontaktovať používateľa:
Re: CSS font-weight
podľa dokumentácia font-weight:
takže nie. Buď použi font-weight 600 a ak je ti to moc, tak si sprav font v ktorom tá 500 existuje. Tak či tak to bude ale na mobile vyzerať inak, lebo HDPI displaye majú pixel inak veľký. A safari zase používa iné prepočítavanie, takže 500 na windowse vyzerá inak ako na appli. Preto sa tieto medzistupne neodporúča používať, optimálne je mať normal a bold a nechať systém prepočítať hrúbku. Ak ti to nesedí do designu, tak jedine vlastný font alebo nejaký javascriptový hack
https://developer.mozilla.org/en-US/doc ... ont-weightIf the exact weight given is unavailable, then the following heuristic is used to determine the weight actually rendered:
If a weight greater than 500 is given, the closest available darker weight is used (or, if there is none, the closest available lighter weight).
If a weight less than 400 is given, the closest available lighter weight is used (or, if there is none, the closest available darker weight).
If a weight of exactly 400 is given, then 500 is used. If 500 is not available, then the heuristic for font weights less than 500 is used.
If a weight of exactly 500 is given, then 400 is used. If 400 is not available, then the heuristic for font weights less than 400 is used.
This means that for fonts that provide only normal and bold, 100-500 are normal, and 600-900 are bold.
takže nie. Buď použi font-weight 600 a ak je ti to moc, tak si sprav font v ktorom tá 500 existuje. Tak či tak to bude ale na mobile vyzerať inak, lebo HDPI displaye majú pixel inak veľký. A safari zase používa iné prepočítavanie, takže 500 na windowse vyzerá inak ako na appli. Preto sa tieto medzistupne neodporúča používať, optimálne je mať normal a bold a nechať systém prepočítať hrúbku. Ak ti to nesedí do designu, tak jedine vlastný font alebo nejaký javascriptový hack
-
awtt
Medium Professional
- Príspevky: 1234
- Registrovaný: 01 nov 2006, 19:37
- Bydlisko: San Francisco
- Kontaktovať používateľa:
Re: CSS font-weight
Pouzi bold a font smoothing:
Inac pouzi radsej nejaky cross platform font ako `Segoe UI` lebo to vyzera ze je microsoft only takze na mobile ti to fallbackne na iny font.
Kód: Vybrať všetko
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}