Klijentsko_featured
<div id ="cufonPrimjer">
<script src=http://www.webartstudent.com/wp-content/themes/Martina/fonts/cufonskripte/cufon-yui.js    type="text/javascript"></script>
<script src=http://www.webartstudent.com/wp-content/themes/Martina/fonts/cufonskripte/ Font2_oblique_700.font.js  type="text/javascript" ></script>
<script type="text/javascript">
Cufon.replace('.cuf');
</script>
<p class="cuf"> Lorem ipsum...Sed auctor, purus et elementum gravida, felis augue faucibus velit, nec aliquet leo tellus eget purus. Sed est metus, placerat at, commodo ut, ultrices cursus, mauris. Cum sociis natoque penatibus Sed auctor, purus et elementum gravida, felis augue faucibus velit, nec aliquet leo tellus eget purus. Sed est metus, placerat at, commodo ut, ultrices cursus, mauris.</p>
</div>
U pregledniku to izgleda ovako:

 

Lorem ipsum…Sed auctor, purus et elementum gravida, felis augue faucibus velit, nec aliquet leo tellus eget purus. Sed est metus, placerat at, commodo ut, ultrices cursus, mauris. Cum sociis natoque penatibus Sed auctor, purus et elementum gravida, felis augue faucibus velit, nec aliquet leo tellus eget purus. Sed est metus, placerat at, commodo ut, ultrices cursus, mauris.

Vidljivo je da je tekst zamjenjen sa slikom tj nizom slika (po jednom za svaku riječ).To predstavlja određeno ograničenje i razlog je nepraktičnosti korištenja cufona za veće tekstove ili linkove. Problem je naime što taj tekst više nije selektibilan (ne može se kopirat, i na mogu se koristiti određene pseudoklase (npr. hover) ili standardni atributi za te elemente.
Prednost ove metode leži u činjenici da ne ovisi o pretraživaču već samo o mogućnosti izvođenja JS koda , no bez mijenjanja koda same funkcije customfont.js nemoguće je koristiti više različitih fontova na istom dokumentu.Još jedna prednost mu je što može raditi sa udaljenim skriptama – skripte nemoraju biti na istoj lokaciji gdje je i web stranica koja ih koristi (standarno za sve .js skripte).


Stranice: 1 2

Nema komentara



Komentiranje nije omogućeno.