MyCity » Web dizajn / HTML » Kako da koristim webfont-ove

Kako da koristim webfont-ove

Napisano na dan: 15.4.2017

Kako da koristim webfont-ove

Idi na vrh

Poslao: 15 Apr 2017 15:55
Idi na vrh
offline
  • Pridružio: 23 Feb 2015
  • Poruke: 88

Pozz

Interesuje me kako da webwontove ubacim u css...Naime, znam ja za taj "protokol"
@font-face {
font-family: ..;
src: url(...);
}

body {
font-family: ...;
}

ali ne znam bas kako to funkcionise...Naime, dobila sam fontove (poslati su mi na komp), ali ja sada ne znam kako da ih ubacim u css. N.p.imam Titillium-SemiboldUpright, i sada...Probala sam da u src ubacim Titillium-SemiboldUpright.otf, ali ne funkcionise...Sta ja tu gresim ?



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 16 Apr 2017 12:29
Idi na vrh
offline
  • Pridružio: 02 Jan 2008
  • Poruke: 2167

@font-face {     font-family: myFirstFont;     src: url(sansation_light.woff); }

Umesto sansation_light.woff ubaci naziv fonta koji imas. Pre toga, fajl sa fontom ubaci u isti folder gde ti se nalazi i CSS fajl.

Ovo ti je primer kako bi izgledalo kad bi pozvala neki eksterni font (Google Fonts u ovom slucaju: https://fonts.google.com/):
<html>   <head>     <link rel="stylesheet" type="text/css"           href="https://fonts.googleapis.com/css?family=Tangerine"><!-- link koji vodi do fonta -->     <style>       body {         font-family: 'Tangerine', serif; /*odabir i odredjivanje osobina fonta za body element */         font-size: 48px;       }     </style>   </head>   <body>     <div>Making the Web Beautiful!</div>   </body> </html>



Poslao: 19 Apr 2017 17:05
Idi na vrh
offline
  • Pridružio: 23 Feb 2015
  • Poruke: 88

Napisano: 16 Apr 2017 13:34

Hvala ti return, ali nesto kod mene ne funkcionise...Probacu opet u toku dana...Svi su mi fajlovi vezani za rad u Notepad-u, dakle tu ubacim i slike kada mi trebaju, a i sada sam ubacila fajlove za font, ali ne primecujem da to funkcionise...

Javicu u toku dana sta se desava. Hvala ti mnogo. Probacu kasnije opet.

E da...ubacujem i 2 deo na sta se font odnosi, tipa

span {
font-family: ...(koji je navedenu okviru @font-face);


}
?
DA JAVIM - sada je ok...Ima jedna opcija u fajlu fonta koju treba cekirati, jer je kao fajl blokiran jer je sa 2.racunara, a kada se odblokira, funkcionise.

Dopuna: 19 Apr 2017 18:05

Pitanje...kada naidjemo na fontove sa razmakom tipa Arial Bold, jel pisemo tako sa razmakom Arial Bold.ttf ili spojeno ArialBold.ttf, i da li mala ili velika slova ?Ako "glase"tako da je pocetno slovo veliko onda tako i navodimo?
Vidim da negde pise da se pisu mala slova ?

p.s.SVIMA koji su prethodnih dana meni pomagali, zelim zahvaliti i pozeleti mnogo srece u svemu, mnogo ste mi pomogli i beskrajno hvala!

Poslao: 19 Apr 2017 19:03
Idi na vrh
offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4575

Pišeš sa navodnikom oko imena fonta zbog razmaka:

font-family: 'Arial Bold'

Fontove (i generalno, sa kojim god fajlovima da radiš) moraš da navodiš onako kako su imenovani.

Poslao: 19 Apr 2017 19:36
Idi na vrh
offline
  • Pridružio: 23 Feb 2015
  • Poruke: 88

da, ok je to, ali za web fontove...font-family: myFirstFont;src="Arial Bold.ttf" ?
Mislila sam na razmak u okviru src ?(da li se tako pise src: "Arila Bold.ttf")
Posle stavim tipa div {
font-family: muFirstFont;
}na koji se odnosi elemenat, na div ovde

Poslao: 19 Apr 2017 20:45
Idi na vrh
offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4575

Ne dodaješ ekstenziju pri definisanju familije fonta.

@font-face {   font-family: 'Arial Bold';   src: url('.../Arial Bold.ttf'); }

Poslao: 19 Apr 2017 22:54
Idi na vrh
offline
  • Pridružio: 23 Feb 2015
  • Poruke: 88

Ja nesto izgleda bas slabo objasnjavam...Znam da tu ne dodajem ekstenziju, ali kod src me interesuje je l moze tu da bide razmak src:Arial Bold.ttf ?

Hvala ti. Moze, nego da proverim. Ako pise Arial Bold, ekstenzija ttf onda logicno src: Arial Bold.ttf

Poslao: 20 Apr 2017 09:03
Idi na vrh
offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4575

Razmak u imenu fonta ili razmak između src i url dela?

Kao što rekoh, ako ime u sebi ima razmak, onda ga tako i navodiš, dakle 'Arial Bold.ttf'. Ne zaboravi da putanju do fonta upišeš u url() kod src! Smile

MyCity » Web dizajn / HTML » Kako da koristim webfont-ove

Ko je trenutno na forumu
 

Ukupno su 971 korisnika na forumu :: 73 registrovanih, 8 sakrivenih i 890 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: -[CoA]-, aramis s, Bobrock1, cavatina, cemix, comi_pfc, darios, Denaya, Dimitrise93, Dogma21, Dukelander, dulleo, Georgius, gomago, h8propaganda, HrcAk47, ikan, Insan, Istman, Karla, Kazablankasrb, kikisp, krkalon, ksyyaj, Kubovac, laki_bb, ljuba, ljubacv, lord sir giga, Luka Blažević, mackenzie, maiden6657, Marko Marković, mercedesamg, Metanoja, MiGac, mile23, milenko crazy north, Milometer, MiroslavD, mkukoleca, mrav pesadinac, MrNo, nebidrag, nemkea71, NoOneEver Dreams, pacika, panzerwaffe, Phalanx, Rema000, Rogonos, rovac, S2M, Sančo, shaja1, shone34, Sir Budimir, Sirius, solic, Stanlio, Stoilkovic, strelac07, Sumadija34, theNedjeljko, tubular, uruk, Vatreni Zmaj, virked, vlad4, vladas87, |_MeD_|, šumar bk2, 125