Får inte fonter att funka.. inte google font heller.

Trädvy Permalänk
Medlem
Plats
Ludvika
Registrerad
Maj 2012

Får inte fonter att funka.. inte google font heller.

Hejsan!

Jag håller på att koda en portfolio åt min vän men har uppstått ett problem.. Får ingen font att funka vilket gör mig helt galen.
Min vän vill ha samma font på allt så han hittade den han ville ha men får inte det att funka har aldrig använt mig av google fonts.
är väldigt ny på att koda så inget hat hehe..
skickar upp koden här under så och en bild på hur webbsidan ser ut

Google fonts: https://www.google.com/fonts/specimen/Open+Sans

Hoppas någon vet vad felet är! Detta är verisionen 2 då den första hade en helt annan html och css kod men såg exakt lika dan ut som nu design mesigt men det skulle vara svårare för han då att lägga till flera bilder på hans projekt.

Bild på sidan:
http://imgur.com/fXfCq8F

<!DOCTYPE html><html lang="en"> <html> <head> <link rel="stylesheet" type="text/css" href="https://www.google.com/fonts/specimen/Open+Sans"> <title>Lukas Lundkvist</title> <link rel="stylesheet" href="lukascss2.css" /> <meta charset="utf-8"> </head> <body> <div id="header"> <ul> <li id="Illustrations_link"><a href="#Illustrations">ILLUSTRATIONS</a></li> <li id="Photos_link"><a href="#Photos">PHOTOS</a></li> <li id="Logotypes_link"><a href="#Logotypes">LOGOTYPES</a></li> </ul> </div> <div id="Contact"> <img src ="Lines2.png" alt="Lines"> <h1>LUKAS.LUNDKVIST@OUTLOOK.COM</h1> <img src ="Lines.png" alt="Lines"> </div> <div id="Illustrations"> <img src="deathskull.jpg" alt="a deathskull"> </div> <div id="Photos"> </div> <div id="Photospic"> <img src ="skog.jpg" alt="Picture taken in the woods"> <img src ="uthus.jpg" alt="Just some stuffs in a outhouse"> </div> <div id="Logotypes"> <div id="Logotypesinfo"> <img src ="szem.jpg" alt="A loggo i made for myself"> <img src ="jeepen.jpg" alt="A loggo i made for Jeepen its a car"> <img src ="lt.jpg" alt="A loggo i made for LT"> </div> </div> <div id="footer"> <p>Lukas Lundkvist since 2014 Copyright © 2014-2015 Lukas Lundkvist. All content Belongs to Lukas Lundkvist.</p> </div> </body> </html>

HTML

body{ overflow-x: hidden; overflow-y: scroll; } #header{ z-index:1; height:60px; width:100%; background-color:white; position:fixed; float:; left:0; top:0; } #header ul{ list-style:none; margin:0; padding:0; } #header li{ width:33%; display:inline-block; float:; text-align:center; font-size:30px; font-family:; margin-top:1px; } #header a{ text-decoration:none; } #header a{ text-decoration:none; } #header a:link{ color:black; } #header a:visited{ color:grey; } #header a:hover{ color:purple; } #header a:active{ color:black; } #Contact{ text-align:center; float:; height:150px; margin-top:60px; font:; } #Contact img { text-align:center; float:; height:13px; width:362px; margin-top:0px; } #footer{ text-align:center; }

CSS

mvh// JVilgot

Trädvy Permalänk
Medlem
Plats
192.168.0.1
Registrerad
Jul 2007

Vad jag kommer ihåg ska först och främst länken vara fonts.googleapi.com..
Fixa fram [ code] [ /code] taggar på din kod f.ö.

Ska glo om jag kan fixa skiten åt dig.
Återkommer.

CSS

body{ overflow-x: hidden; overflow-y: scroll; font-family: 'Open Sans'; }

HTML

<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">

Done.

6700k @ 4.8GHz . 16GB @ 2666MHz . 1070 @ 2100/4500
360+240 rad custom loop
Flickr 500px

Trädvy Permalänk
Medlem
Plats
Ludvika
Registrerad
Maj 2012
Skrivet av solomon:

Vad jag kommer ihåg ska först och främst länken vara fonts.googleapi.com..
Fixa fram [ code] [ /code] taggar på din kod f.ö.

Ska glo om jag kan fixa skiten åt dig.
Återkommer.

Fixade spoiler på hmtl och css koden kom bara inte ihåg hur man gjorde!
Hmm fonts.googleapi.com? vet ingenting om vad det är men kan bara buga och bocka ifall du får det att fixas!

Trädvy Permalänk
Medlem
Plats
192.168.0.1
Registrerad
Jul 2007
Skrivet av JesperVilgot:

Fixade spoiler på hmtl och css koden kom bara inte ihåg hur man gjorde!
Hmm fonts.googleapi.com? vet ingenting om vad det är men kan bara buga och bocka ifall du får det att fixas!

Har redan fixat. Glo inlägget.
Om du ska lägga till fler fonts ändrar du länken så här:
Open+Sans|NYFONT|FONT|FONT

6700k @ 4.8GHz . 16GB @ 2666MHz . 1070 @ 2100/4500
360+240 rad custom loop
Flickr 500px

Trädvy Permalänk
Medlem
Plats
Ludvika
Registrerad
Maj 2012
Skrivet av solomon:

Har redan fixat. Glo inlägget.
Om du ska lägga till fler fonts ändrar du länken så här:
Open+Sans|NYFONT|FONT|FONT

Gud tack som bara den! helt otroligt! suttit i 5 dagar och försökt så tack som bara den! Ibland kan man inte mer än att älska er här på SC! <3 Ha en riktigt trevlig fortsättning nu!

Trädvy Permalänk
Medlem
Registrerad
Maj 2013
Skrivet av JesperVilgot:

Gud tack som bara den! helt otroligt! suttit i 5 dagar och försökt så tack som bara den! Ibland kan man inte mer än att älska er här på SC! <3 Ha en riktigt trevlig fortsättning nu!

Där står det t.o.m. vilken kod du skulle använda för att kunna använda din font Hade du bara scrollat ner lite så!

M-ITX: Fractal Design Node 304 Gigabyte H97N i7 4790k Msi GTX980 Gaming Ballistix Sport 16GB @ 1600MHz

Trädvy Permalänk
Medlem
Plats
Ludvika
Registrerad
Maj 2012
Skrivet av Pamudas:

http://puu.sh/ka5dZ/9da33ea16a.png
Där står det t.o.m. vilken kod du skulle använda för att kunna använda din font Hade du bara scrollat ner lite så!

Hehe men jag gjorde så som det stod i google getting started :

detta i html
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">

sedan detta i css

CSS selector {
font-family: 'Font Name', serif;
}

Fast bytte ut själva länken och ändrade i css selectorn men fick inte det och funka och sedan testade lägga in på olika ställen osv