Autor | Zpráva | ||
---|---|---|---|
Louka Profil |
#1 · Zasláno: 18. 2. 2012, 18:23:36
Ahoj, rád bych se s vámi poradil ohledně vlastních fontů přes CSS @font-family.
Stáhl jsem si požadovaný font, který měl ovšem přes 23000 znaků (více než 5MB), v editoru jsem nepotřebné znaky odstranil a snížil počet na cca 200. Mám k dispozici verze .ttf i .otf, CSS zápis je @font-face { font-family: MujFont; src: url('font/mujfont.otf'); } Prohlížeče ovšem reagují řekněme rozporuplně - původní 5MB font zobrazí správně Chrome, Firefox a Safari. Opera ignoruje (možná kvůli velikosti). Po úpravě Chrome a Firefox sborově hlásí chybu - Chrome se rozepsal více a prozradil mi, že je špatný MIME type. Safari i Opera jej (s drobnými problémy) zobrazí - asi jsem umazal více znaků než bylo třeba. Našla by se rada, jak minifikovanou (existuje to slovo vůbec?) verzi protlačit? Díky. |
||
Bubák Profil |
#2 · Zasláno: 18. 2. 2012, 18:40:05
Já používám Font Squirrel @font-face Generator.
Jde tam naklikat, které znaky budou ve výsledném souboru, takže nemusím používat editor fontů. Koukni taky na stránku http://teststranek.kvalitne.cz/font1/, jsou tam další informace. Pokud ti to nepomůže dej odkaz na živou ukázku. |
||
Louka Profil |
#3 · Zasláno: 18. 2. 2012, 19:12:51
Bubáku, díky :-). Font Squirrel pomohl.
Jinak co se případné problémovosti kódu týče - je to "košér", takhle si vybírat nestandardní fonty (podpora ve starších IE apod.)? Ještě jednou díky. |
||
Taurus Profil |
#4 · Zasláno: 18. 2. 2012, 19:26:18
Není na tom nic špatného. Když si tam vygeneruješ .eot, zvládne to i IE. Kdyby ne, dostane zástupný font.
|
||
Časová prodleva: 12 dní
|
|||
Lubosh Profil |
#5 · Zasláno: 1. 3. 2012, 21:07:36
Louka:
Ano použij toto: Po nahrání fontu vyber EXPERT... > Subsetting: Custom Subsetting... > a zde zatrhni jazyky které budou na webu (já standartně ale zatrhnu Češtinu, Slovenštinu, Angličtinu a Němčinu). Vygeneruje Ti 4 soubory fontu + zápis CSS a ukázku HTML. TAky se dá použít fonty z http://www.google.com/webfonts , ale zde je potřeba vybrat fonty, které jsou Latin Extended |
||
Louka Profil |
#6 · Zasláno: 1. 3. 2012, 22:11:52
Lubosh:
Google Webfonts mě neuspokojily, až pak jsem zkoušel vlastní font (a diskusi). A jak jsem již psal před dvěma týdny - „Font Squirrel pomohl.“, přesto díky za reakci. |
||
Časová prodleva: 6 měsíců
|
|||
Luke9 Profil |
#7 · Zasláno: 14. 8. 2012, 16:33:18
Ahoj,
díky všem za rady, využil jsem Font Squirrel a také mi pomohl. Potřeboval bych jen pomoct se zobrazováním na iPadu a iPhonu. V demo stránce je sice o tom něco napsané (The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.), ale opravdu nevím co s tím. Mohl by mi prosím někdo poradit? Předem děkuji za jakékoliv odpovědi. |
||
Časová prodleva: 3 dny
|
|||
horava2 Profil |
Zdravim,
zrovna resim podobny problem, tak se pridam a zeptam se. Nastyloval jsem na webu font .ttf a jede mi to. Ale pro jistejsi kompatibilitu bych mel radeji i formaty woff, eot a svg. Je nejaky sw, ktery mi kompatibilne prevede z ttf do tech ostatnich? Nebo jak ziskam tyhle formaty? Font jsem si vytvoril a umi to exportnout jen do ttf. Diky |
||
Luke9 Profil |
#9 · Zasláno: 18. 8. 2012, 09:54:48
horava2:
Já už jsem to vyřešil. Použij tento generátor, nahrej si font a dej nastavení expert, ve font formats si můžeš vybrat všechny možné formáty, které chceš. Nezapomeň v subsettings zvolit custom a tam dát češtinu pro zobrazování diakritiky. |
||
horava2 Profil |
#10 · Zasláno: 18. 8. 2012, 11:48:02
OK, díky :-)
|
||
Časová prodleva: 2 roky
|
|||
petrmasiar Profil * |
#11 · Zasláno: 3. 3. 2014, 13:58:48
Dobrý den, chci se zeptat jak vložím vlastní font do stránek, když je dělám na estránkách?
|
||
Lukas Tesar Profil * |
#12 · Zasláno: 3. 3. 2014, 21:09:15
Dobrý den, když nastavím svůj vlastní font příkazem @font-face {font-family:blablabla;
src=url (font/blabla.ttf), jak jej potom při psaní textu aktivuji? Nebo se nastaví automaticky pro celou tuto stránku? |
||
Davex Profil |
#13 · Zasláno: 3. 3. 2014, 22:01:17
Font se pro celou stránku nastaví zápisem
body { font-family: blablabla;} . Obecně je problematika vlastních písem popsaná na stránce @font-face.
|
||
Bubák Profil |
#14 · Zasláno: 3. 3. 2014, 22:26:01
Lukas Tesar:
„jak jej potom při psaní textu aktivuji?“ Potom úplně stejně, jako nainstalovaná písma, pro hlavní nadpis třebas takto: h1 {font-family: blablabla, Arial, sans-serif;} Arial a sans-serif jsou náhradní písma, pokud by se nenačetl font blablabla (třebas doplněk noscript ve výchozím nastavení blokuje externí písma), zobrazí se Arial, pokud ani ten není v systému, tak sans-serif. Měl příspěvek napsaný, ale dlouho neodeslaný, je mi líto jej smazat ;-) |
||
Časová prodleva: 10 let
|
0