javascript - Štýl písma

ONLINE_SVET · Napísal **ONLINE_SVET**: 20.11.2011 0:05 | javascript - Štýl písma

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 | javascript - Štýl písma

mozno to bude tymi fonts, ktore nemaju diakritiku

walther · Napísal **walther**: 20.11.2011 9:48 | javascript - Štýl písma

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

ONLINE_SVET

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 | javascript - Štýl písma

ked robis web tak je dvolezitejsia funkcnost ako fonty

ONLINE_SVET

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 | javascript - Štýl písma

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

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 | javascript - Štýl písma

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

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 | javascript - Štýl písma

Š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

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 | javascript - Štýl písma

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

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 | javascript - Štýl písma

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

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 | javascript - Štýl písma

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

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

javascript - Štýl písma

Podobné témy

javascript wysiwyg v javascript popup

styl clenov

pcfórum štýl

Instagram - štýl lokality

Cutenews štýl noviniek

štýl windows vista

ako dať styl

Zdravý životný štýl

Písma

PISMA

Vista štýl vlastnej aplikácie...

Štýl ktory prekryje vsetko

Hry na štýl DotA

Zune štýl do XP

vlastný štýl, Gaming PC

Hra na styl travianu