Nibble Blog Google Fonts

Web dizajn i grafika
1

Kako da postavim google fonts iste kao na webportalumekteba.dk na svom blogu dali zna ko koju kodu koristiti i gdje je tacno treba ubaciti pod css filovima

2

/*

BLOG :: Body

*/

body {
font-family: “Helvetica Neue”,Helvetica,Arial,sans-serif;
margin: 0;
padding: 20px;
font-size: 62.5%;
color: #333;
}

#container {
margin: 0 auto;
max-width: 820px;
min-width: 600px;
overflow: auto;
padding: 20px;
}

a {
color: #333333;
cursor: pointer;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#main {
margin: 0 auto;
overflow: auto;
}

#view {
margin-left: 300px;
font-size: 1.4em;
margin-top: 20px;
}

#sidebar {
float: left;
width: 230px;
border-right: 1px solid #F1F1F1;
padding-right: 40px;
text-align: right;
}

#logo {
margin-bottom: 60px;
margin-top: 20px;
}

#logo a {
color: #E67D33;
}

#logo a:hover {
text-decoration: none;
}

#logo span.blog-name {
display: block;
font-size: 2.5em;
font-weight: 700;
line-height: 45px;
}

#logo span.blog-slogan {
display: block;
padding-left: 60px;
font-size: 2em;
}

/*

BLOG :: Page 404

*/

div.page_404 {

}

/*

BLOG :: Pager

*/

#pager {
overflow: auto;
text-align: center;
}

#pager a.next-page {
float: right;
background: #FFFFFF;
padding: 0 5px;
}

#pager a.prev-page {
float: left;
background: #FFFFFF;
padding: 0 5px;
}

#pager a.home-page {
background: #FFFFFF;
padding: 0 5px;
}

3

ne radi onaj portal…
odeš na google fonts nađeš font koji ti treba,klikneš na “quick use” i slijediš upute. na mjesto gdje je

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

staviš onaj pod rednim brojem 4.
daj ispravan link da vidimo koji je font…

4

evo link do bloga u toku je izrade http://www.mekteba.dk/blog/
link do web portala je www.mekteba.dk to radim za bosanskohercegovacko udruzenje u danskoj pa mi je hica izbaci mi ti kompletan kod plzkoji funkcionise treba da vuce slova sa google fonts slova se zovu ‘Poiret One’

5

ukoliko je portal ovaj onda u google fonts upišeš “Poiret One” bez navodnih znakova i slijediš upute

6

sve sam oproba neznam gdje grijesim nece da ih prikaze a ni nasa slova pogotovo ako tako uradim kako ti kazes samo se pokazuju na mom kompjuteru posto imam tefontove instalirane trebaa mi koda da se prikazivaju slova na nasem jeziku sa svi kompjutera i brosera

7

skužio sam koji je link…
dakle odeš na google fonts upišeš gore lijevo Poiret One klikneš na ikonicu quick use pored fonta…
ovo upišeš između i u html-u

<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>

umjesto

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

u bodyu upišeš

font-family: 'Poiret One', cursive;

mislim da je to to…

8

moraš u htmlu između headova linkat font. zato ti neće…

9

Oprobam druze pa ti javim hvala na savjetima :wink:

10

a za “naša” slova klikni na link:

11

Hvala sad radi sve zaboravio bio ubaciti u htm fil kodu