|
Poslao: 15 Apr 2017 15:55
|
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
|
offline
- return void
- Anti Malware Fighter
Rank 1
- 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
|
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
|
offline
- E.L.I.T.E.
- Legendarni građanin
- 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
|
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
|
offline
- E.L.I.T.E.
- Legendarni građanin
- 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
|
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
|
offline
- E.L.I.T.E.
- Legendarni građanin
- 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! 
|
|
|
|
|
|
