Forum » Izdelava spletišč » Custom font v CMS
Custom font v CMS
uro1001 ::
Pozdravljeni
Zanima me, kako bi v CMS vstavil custom font. Datoteko s fontom imam preneseno, potreboval bi le nasvete kako font uporabiti.
Lep pozdrav
Zanima me, kako bi v CMS vstavil custom font. Datoteko s fontom imam preneseno, potreboval bi le nasvete kako font uporabiti.
Lep pozdrav
smacker ::
Kateri CMS?
Joomla: http://www.templatemonster.com/help/joo...
Wordpress: https://premium.wpmudev.org/blog/custom...
Ostali: vpiši v Google: "[ime CMSa] custom fonts".
Joomla: http://www.templatemonster.com/help/joo...
Wordpress: https://premium.wpmudev.org/blog/custom...
Ostali: vpiši v Google: "[ime CMSa] custom fonts".
Invictus ::
Guglaj za urejevalnik...
"Life is hard; it's even harder when you're stupid."
http://goo.gl/2YuS2x
http://goo.gl/2YuS2x
uro1001 ::
Uporabil sem fonte na spletni strani, vendar se mi prikazujejo le na računalnikih, ki imajo ta font nameščen.
t3hn0 ::
Ti si v spletno stran verjetno dodal CSS pravilo na stil "font-family: moj-font;". Ampak kot si ze ugotovil, se ti fonti prikazujejo le na racunalnikih, kateri imajo ta font. Pravilen pristop je da ponudis racunalnikom da si prenesejo fonte k sebi. Fonte bos moral najprej pretvoriti v web fonts (ce je mozno) in jih nato dodati na streznik.
Primer: https://css-tricks.com/snippets/css/usi...
Primer: https://css-tricks.com/snippets/css/usi...
^.^
t3hn0 ::
torej:
- moras imeti webfont format (tukaj jih imas veliko)
- te fonti morajo biti hostani na strezniku (lahko na tvojem, lahko na zunanjem)
- v css moras podati pot do teh fontov
- moras imeti webfont format (tukaj jih imas veliko)
- te fonti morajo biti hostani na strezniku (lahko na tvojem, lahko na zunanjem)
- v css moras podati pot do teh fontov
^.^
uro1001 ::
to sem naredil, predvidevam da morajo biti narobe poti v cssju, ker druge napake ne vidim. Poti imam nastavljene tako, fonte imam v svoji mapi in css v svoji.
@font-face {
font-family: 'akaPosse1';
src: url('../fonts/akaPosse.eot');
src: local('?'), url('../fonts/akaPosse.woff') format('woff'), url('../fonts/akaPosse.ttf') format('truetype'), url('../fonts/akaPosse.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'akaPosse1';
src: url('../fonts/akaPosse.eot');
src: local('?'), url('../fonts/akaPosse.woff') format('woff'), url('../fonts/akaPosse.ttf') format('truetype'), url('../fonts/akaPosse.svg') format('svg');
font-weight: normal;
font-style: normal;
}
t3hn0 ::
verjetno potrebujes dodati tudi allowed extension in mime type na tvoj spletni streznik.
eot - application/vnd.ms-fontobject
ttf - application/font-sfnt
svg - image/svg+xml
woff - application/font-woff
sicer pa, povej error ki ga dobis ob prenosu.
eot - application/vnd.ms-fontobject
ttf - application/font-sfnt
svg - image/svg+xml
woff - application/font-woff
sicer pa, povej error ki ga dobis ob prenosu.
^.^
Zgodovina sprememb…
- spremenil: t3hn0 ()
uro1001 ::
Trenutno spletno stran še razvijam in jo imam na virtualnem računalniku na Windows Serverju. Ko gledam network v developer options ni errorja
FX6300B ::
zakaj ne uporabiš google fonts ?? imaš lepo večino pisav na njihovem strežniku , samo v
<head>dodaš nov css npr:
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>teli css imajo notri že @font-face, se ni potrebno nič mučit , razen seveda če imaš custom fonte , sicer pa še vedno nisi povedal kateri CMS uporabljaš
May the force be with you!
uro1001 ::
Zato, ker naročnik zahteva točno določeno pisavo, ki jo ni med google fonts. Delam v Joomli
lebdim ::
Katera je ta pisava, ki jo tvoj naročnik zahteva? Poglej raje v Google Fonts, katera bi se ji najbolje prilegla. Potem moraš povezat v head-u link href ... (oz. kot je napisal FX6300B)
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
» | Firefox Lightbeam (+ uBlock Origin) - sledenje (+ blokada) trackerjevOddelek: Omrežja in internet | 2455 (2023) | Ales |
» | Trdovratne težave v HTML/CSS-ju (strani: 1 2 )Oddelek: Programiranje | 8589 (6567) | joker16_7 |
» | Vodič: Uporaba Google FontsOddelek: Izdelava spletišč | 2530 (2141) | čuhalev |
» | CSS3 fonti, dodajanje šumnikov?Oddelek: Izdelava spletišč | 1622 (1534) | MrBrdo |