Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Nastavite poljubno pisavo s pomočjo CSS
Avtor: NikMan | Objavljeno: dne 24. junij 2013, 12:06
Delite vsebino na Facebooku
Delite vsebino na Twitterju
  Če bi radi vašo spletno stran poživili z drugačno pisavo, potem si poglejte ta vodič, kjer vam je postopek integracije predstavljen.
 
 
1
  
 
Najprej kopirajte datoteko s pisavo v isto mapo, kjer se nahaja spletna stran.
 
 
2
  
 
Potem pa odprite spletno stran, kjer želite dodati pisavo, v kodnem načinu.
 
 
3
  
 
Postavite se pod značko <title> (glej sliko).
 
 
4
  
 
Napišite oziroma kopirajte naslednjo kodo:

<style type="text/css">
@font-face {font-family:Steelfish; src: url("font_steelfish.ttf"); }
</style>
</head>

V mojem primeru sem našel pisavo Steelfish na dafotn.com.Če potrebujete pomoč oziroma dodatno razlago, se obrnite na forum.
 
 
 
 
 
5
  
 
V kodi zgoraj smo določili novo pisavo ter pot, kjer se nahaja.

V moje primeru sta spletna stran in datoteka s pisavo na isti lokaciji (torej brez map itd.).
 
 
6
  
 
Postavite se sedaj nad ravnokar dodano značko </style> (glej sliko).
 
 
7
  
 
Dodajte še naslednjo kodo, ki določa tip pisave (tip, katerega bomo določali besedilu):

.test {font-family: Steelfish; color: #000000; font-size: 40px; text-decoration: none; }
 
 
8
  
 
Postavite se sedaj v način oblikovanja.
 
 
9
  
 
Označite besedilo na strani.
 
 
10
  
 
Potem pa določite besedilu nov stil, ki ste ga prej dodali.
 
 
11
  
 
Pritisnite tipko F12, da si ogledate rezultat v brskalniku.

Internet Explorer po vseh verjetnosti ne bo znal prikazati pisave pravilno, zato je v kodo potrebno dodati še eno vrstico ter pisavo .ttf pretvoriti v .eot datoteko. Več informacij pa seveda na forumu.
 
 
Komentiraj
  
 
 
 
 
22.7.2015, 15:59
A CSS stidi delujejo tudi v PHP? Jaz sem naredil spletno stran v PHP pa mi stili ne delajo.
 
 
 
 
22.7.2015, 21:25
Laicno povedano ti php samo pripravi vsebino, kadar se odpravis na neko spletno mesto... Tako da ja, seveda. Lahko pa take stvari sam sprobas
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!
  
Zmaga.com na Facebooku | Pošljite nam e-pošto | Informacije o Zmaga.com