javascript - Štýl písma

ONLINE_SVET · Napísal **ONLINE_SVET**: 20.11.2011 0:05

Zdravím mám tu niekoľko stiahnutých javascriptov na zmenu vzhľadu písma/fontu.

Kód:

Kód:

<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_600.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_BT_400.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_BT_700.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_Dm_BT_400.font.js" type="text/javascript"></script>

Na stiahnutie:

Kód:

http://www.upnito.sk/subor/711c8df4a30e9e66ac3e86830a614435.html

Ukážka (*Neviem perčo ale zrazu mi asi nejde js to nič xD):

Kód:

http://onlinesvet-2.jecool.net/

no ide o to, že mi nechce zobraziť písmená s mäkčeňmi. Vedel by mi dakto prerobiť tieto JS aby išli ? Ďakujem :-)

A ešte nwm prečo mi to zrazu nefunguje ten JS .-( doteraz išiel stále..Možno vám ide a mne nie.. neviem fakt prečo...Nič som nemenil..

magic · Napísal **magic**: 20.11.2011 8:51

mozno to bude tymi fonts, ktore nemaju diakritiku

walther · Napísal **walther**: 20.11.2011 9:48

Presne tak, aby diakritika fungovala správne, daný font ju musí podporovať

ONLINE_SVET · Napísal autor témy **ONLINE_SVET**: 20.11.2011 14:57

No ja sa v javascriptoch ešte nevyznám. Vedel by si dakto prepísať názvy fontov na také ktoré majú diakritiku a podobajú sa týmto ? Bol by som vám vďačný :-)

magic · Napísal **magic**: 20.11.2011 15:03

ked robis web tak je dvolezitejsia funkcnost ako fonty

ONLINE_SVET · Napísal autor témy **ONLINE_SVET**: 20.11.2011 16:42

Ja už len potrebujem nahradiť tieto fotny čo mám za také čo ju podporujú .. A tak aby sa podobali .. :-(

neviete mi poradiť názvy daktorých fontov ?

chrono · Napísal **chrono**: 20.11.2011 20:18

Napr. písmo Myriad Pro obsahuje aj "slovenské" znaky a cufón má aj možnosť vložiť "Latin Extended-A", takže by mohli fungovať. Problém ale je, že dosť pochybujem, že máš kúpenú licenciu k tomu fontu tak, aby si ho mohol na svojich stránkach používať.

Inak rozumnejšie je asi používať css a @font-face ale tiež musíš mať právo ten font takým spôsobom používať (Google má nejaké fonty aj zadarmo, ale pravdepodobne nič, čo by vyzeralo tak, ako chceš ty).

ONLINE_SVET · Napísal autor témy **ONLINE_SVET**: 20.11.2011 21:03

No zdravím. Pozrel som si na

Kód:

http://www.google.com/webfonts#ChoosePlace:select

fonty. Použil som názov takéto čo podporoval diakritiku. Takže som v JS prepísal starý font na názov nového. No nič. Nejde stále. Neviem ako to napraviť. Vie mi s tým dakto pomôcť ? :-)

Prosím.. Budem vám vďačný..

shaggy · Napísal **shaggy**: 20.11.2011 21:42

Ako si prepísal v JS starý názov na nový? Robíš to vôbec dobre? Ak chceš používať cufon, musíš si na ich stránke vygenerovať ten js font.
Ak chceš používať font-face, tak môžeš použiť generátor na fontsquirrel (alebo google fonty).
Začni sa vyjadrovať poriadne a my ti pomôžeme.

ONLINE_SVET · Napísal autor témy **ONLINE_SVET**: 20.11.2011 22:06

No ja chcem aby mi zostal štýl,farby a všetko tak ako to mám teraz..Chcem len typ zmeniť aby mi išla diakritika..

shaggy · Napísal **shaggy**: 20.11.2011 22:57

Štýl a farby súvisia s CSS, náhrada písma je niečo iné.
Preto nám povedz, ako meníš ten js (presný postup čo robíš).

ONLINE_SVET · Napísal autor témy **ONLINE_SVET**: 21.11.2011 6:35

Tak ja otvorím JS súbory a tam kde bol napr,.font NewsGoth prepíšem na Arial.. Asi preto to nejde :-( Ja som nwdel že štýla pod. je v CSS.. ale kuknem sa nato ..

Bajzik · Napísal **Bajzik**: 21.11.2011 6:44

Robis to zle. Vsetko z daneho CSS id si skopiruj, resp.zmaz to co deklaruje font, nasledne deklaruj podla navodu Google link na externy styl Google fontu, a nakoniec do svojho CSS zadeklaruj ten dany font. Vsetko.

ONLINE_SVET · Napísal autor témy **ONLINE_SVET**: 21.11.2011 21:11

No.. Už som pokročil..

Kód:

http://onlinesvet-2.jecool.net/index.html

Už je tam tá diakritika.. Lenže teraz pre istotu nie je tam ten štýl..

Neviem..Spravil som plno blbostí s prepáčením..
Style.css

Kód:

.h2 {
font-family: 'Caudex', serif;
}
h2 {font-size:40px;line-height:1.2em;margin-bottom:10px;font-family: 'Caudex', serif;}
.content1 h2,#formular-kachelman h2{
font-family: 'Caudex', serif;
font-size:15px;
color:#563e23;
border:0;
border-bottom:1px solid #c2af85;
margin:0 0 7px;
padding:0 0 7px;
clear:both;
}

index.html

Kód:

<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext,greek,greek-ext,vietnamese,latin-ext' rel='stylesheet' type='text/css'>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_600.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_BT_400.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_BT_700.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_Dm_BT_400.font.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>

NewsGoth_BT_400.font.js som prepísal

Kód:

Cufon.registerFont({"w":216,"face":{"font-family: 'Caudex', serif;"font-weight":400,"font-stretch":"normal","units-per-em":"360","panose-1":"2 11 5 3 2 2 3 2 2 4","ascent":............

A Cufon-replace.js

Kód:

Cufon.replace('#header .row-2 ul li', { fontFamily: 'NewsGoth Dm BT', textShadow:'#397ece 1px 1px' });
Cufon.replace('h2', { fontFamily: 'Caudex', color: '-linear-gradient(#fff, #fff, #fff, #fff, #fff, #fff, #cccccc, #cccccc, #cccccc, #cccccc, #cccccc)' });
Cufon.replace('h2 b', { fontFamily: 'NewsGoth BT Bold', color: '-linear-gradient(#3b98dd, #3b98dd, #3b98dd, #3b98dd, #3b98dd, #3b98dd, #1f7dd2, #1f7dd2, #1f7dd2, #1f7dd2, #1f7dd2)' });
Cufon.replace('#search-form label', { fontFamily: 'NewsGoth Dm BT' });
Cufon.replace('.link1', { fontFamily: 'NewsGoth Dm BT', textShadow:'#165ebd 1px 1px' });
Cufon.replace('h3, h4', { fontFamily: 'Myriad Pro Regular' });
Cufon.replace('h3 b, h4 b', { fontFamily: 'Myriad Pro Semibold' });
Cufon.replace('.box2 h4, .box3 h4', { fontFamily: 'Myriad Pro Semibold', textShadow:'#2074cb 1px 1px' });

Čo som zle spravil .. Čo mám spraviť aby sa mi doplnil ten štýl ?

shaggy · Napísal **shaggy**: 21.11.2011 21:48

Panebože, ty si začni čítať, čo ti píšeme a ešte predtým sa začni učiť robiť web.

1. písal som ti, že cufon fonty musíš vygenerovať na ich stránke. Si myslíš, že ak prepíšeš v tom súbore názov fontu, že sa zmení na ten font? Rozmýšľaš trochu?
2. vkladáš na stránku dva fonty (Myriad Pro a NewsGoth) - prečo?
3. okrem toho tam linkuješ aj google fonty? Ty sa chceš aj niečo naučiť, alebo ten kód iba lepíš?

ONLINE_SVET · Napísal autor témy **ONLINE_SVET**: 21.11.2011 22:43

Dva fonty..prečo ? Kukni sa na stránku..jeden štýl je pre napr. h2 .. druhý pre h2b a tretí pre h3 .. chápeš ? Mám ich viac.. Tak som to stiahol a hodí sa to tam .. Inak neviem ale CSS nemám nastavené to farbenie..tienenie.. To mám asi v js sa mi zdá.. či ? No idem ten cufon skúšať..

// pridané po 19 minútach od posledného príspevku

No už som si jeden vygeneroval .. I tak nechápem prečo mi to nejde.. js som vložil medzi ostatné súbory.. Odkaz som k tomu dal..

Kód:

<script src="js/font-family_39AGaramondPro39_400.font.js" type="text/javascript"></script>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_600.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_BT_700.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_Dm_BT_400.font.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>

v cufon-replace som dal tiež len neviem ako presne je názov..skúšal som hociako..

Kód:

Cufon.replace('h2', { fontFamily: '39AGaramondPro39', color: '-linear-gradient(#fff, #fff, #fff, #fff, #fff, #fff, #cccccc, #cccccc, #cccccc, #cccccc, #cccccc)' });

Myslím že by som to mal .. Ešte menšie úpravy a mohlo by to fungovať..poradí mi dakto ?
V samotnom súbore font-family_39AGaramondPro39_400.font.js nič netreba asi meniť..
Podľa mňa je chyba už len v cufon-replace..

chrono · Napísal **chrono**: 21.11.2011 22:58

Solid_Gauleiter píše:

I tak nechápem prečo mi to nejde...

To je tak zlý popis toho, s čím máš vlastne problém, že veľmi pochybujem, že ti niekto poradí (keďže nikto z toho nezistí, s čím to vlastne máš problém).

Nikdy som cufon nepoužíval a nikdy ani používať nebudem, ale predpokladám, že farba sa tam určuje klasicky pomocou css (a tá knižnica si ju z toho štýlu zistí a potom použije pri vykresľovaní tých fontov).

Ak máš ešte stále problém s tým nezobrazovaním niektorých znakov, tak už ti bolo napísané, čo môžeš urobiť, aby si to vyriešil.

A ak máš problém s niečím iným, tak napíš, s čím ten problém vlastne máš.

// pridané po 3 minútach od posledného príspevku

Tak pri vypínaní tej tvojej stránky som pravdepodobne ten tvoj h2 element našiel a predpokladám, že nechceš čierny text na čiernom pozadí. Takže vyskúšaj niečo ako

Kód:

.inside h2 { color: #f00; }

(a nauč sa aspoň základy CSS)

ONLINE_SVET · Napísal autor témy **ONLINE_SVET**: 22.11.2011 20:46

No okay.. znaky mi idú .. Som happy.. Lenže ide o farebnosť a pod.. Nahral som starý style,js..všetko.. pozrite si nadpisy..

Tu je nadpis v poriadku.. Má svoju farebnosť,štýl..

Kód:

http://onlinesvet-2.jecool.net/novinky.html

To je ten pôvodný čo som mal .. všetko pekne len diakritika chýba..

Teraz to čo som zmenil..Diakritika ide..No štýl zmizol..

Kód:

http://onlinesvet-2.jecool.net/index.html

Kukajte napr. nadpisy..Teda v tomto prípade len "Vybavíme tťo za vás"
...
Novinky.html - Ktoré funguje ale bez diakritiky

Kód:

<link href="style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_600.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_BT_400.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_BT_700.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_Dm_BT_400.font.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>

Index.html - Nefunguje ale diakritika ide

Kód:

<link href="style.css" rel="stylesheet" type="text/css" />
<script src="js/font-family_39AGaramondPro39_400.font.js" type="text/javascript"></script>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_600.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_BT_700.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_Dm_BT_400.font.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>

...
Ďalej tu máme súbory :
cufon-replace

Kód:

Cufon.replace('#header .row-2 ul li', { fontFamily: 'NewsGoth Dm BT', textShadow:'#397ece 1px 1px' });
Cufon.replace('h2', { fontFamily: 'NewsGoth BT', color: '-linear-gradient(#fff, #fff, #fff, #fff, #fff, #fff, #cccccc, #cccccc, #cccccc, #cccccc, #cccccc)' });
Cufon.replace('h2 b', { fontFamily: 'NewsGoth BT Bold', color: '-linear-gradient(#3b98dd, #3b98dd, #3b98dd, #3b98dd, #3b98dd, #3b98dd, #1f7dd2, #1f7dd2, #1f7dd2, #1f7dd2, #1f7dd2)' });
Cufon.replace('#search-form label', { fontFamily: 'NewsGoth Dm BT' });
Cufon.replace('.link1', { fontFamily: 'NewsGoth Dm BT', textShadow:'#165ebd 1px 1px' });
Cufon.replace('h3, h4', { fontFamily: 'Myriad Pro Regular' });
Cufon.replace('h3 b, h4 b', { fontFamily: 'Myriad Pro Semibold' });
Cufon.replace('.box2 h4, .box3 h4', { fontFamily: 'Myriad Pro Semibold', textShadow:'#2074cb 1px 1px' });

Javascripty fontov si môžete stiahnúť.. Odkaz je vyššie na Upnito. Okrem mnou vygenerovaného fontu font-family_39AGaramondPro39_400.font.js..

CSS súbor

Kód:

http://www.upnito.sk/subor/a9ceadcaecd903b0296b913ea3a8b788.html

Už dúfam viete čo je môj problém .. Chcem dostať to čo je v Novinkách ale s diakritikou všade..

Ďakujem za pochopenie.

** Ten link k JS súborom pre fotny

Kód:

http://www.upnito.sk/subor/711c8df4a30e9e66ac3e86830a614435.html

// pridané po 21 hodinách 38 minútach od posledného príspevku

No už to mám .. Chyba bola v tom že som dačo zle spravil pri generovaní cofunu.. Ďakujem všetkým čo sa podieľali na riešení tohoto problému. :-)

Ďakujem.

javascript - Štýl písma

Podobné témy