Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

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

1
Skriv svar
Permalänk
Medlem
●

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

Senast redigerat
Visa signatur

Set-up
NZXT Manta, ASUS ROG STRIX B350-I GAMING, AMD Ryzen 7 1800X 4.0 GHz, NZXT Kraken X62 280mm, Corsair 32GB DDR4, Seasonic FOCUS Plus 850W Platinum, Samsung 850-Series PRO 512GB (2X), ROG-STRIX-GTX1070TI-A8G-GAMING, Samsung 27'' C27FG70F Curved, ASUS 24" MG248QR 144Hz, ZOWIE EC1-A Gaming Mouse, QPAD MK-90 RGB MX Red.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

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.

Visa signatur

Instagram

14700k @ Stock . 32GB @ 4000MHz . 3070 @ +100/+800MHz
240+360 rad custom loop

Redigera
Citera flera Citera
Permalänk
Medlem
●
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.

Gå till inlägget

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!

Visa signatur

Set-up
NZXT Manta, ASUS ROG STRIX B350-I GAMING, AMD Ryzen 7 1800X 4.0 GHz, NZXT Kraken X62 280mm, Corsair 32GB DDR4, Seasonic FOCUS Plus 850W Platinum, Samsung 850-Series PRO 512GB (2X), ROG-STRIX-GTX1070TI-A8G-GAMING, Samsung 27'' C27FG70F Curved, ASUS 24" MG248QR 144Hz, ZOWIE EC1-A Gaming Mouse, QPAD MK-90 RGB MX Red.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
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!

Gå till inlägget

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

Visa signatur

Instagram

14700k @ Stock . 32GB @ 4000MHz . 3070 @ +100/+800MHz
240+360 rad custom loop

Redigera
Citera flera Citera
Permalänk
Medlem
●
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

Gå till inlägget

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!

Visa signatur

Set-up
NZXT Manta, ASUS ROG STRIX B350-I GAMING, AMD Ryzen 7 1800X 4.0 GHz, NZXT Kraken X62 280mm, Corsair 32GB DDR4, Seasonic FOCUS Plus 850W Platinum, Samsung 850-Series PRO 512GB (2X), ROG-STRIX-GTX1070TI-A8G-GAMING, Samsung 27'' C27FG70F Curved, ASUS 24" MG248QR 144Hz, ZOWIE EC1-A Gaming Mouse, QPAD MK-90 RGB MX Red.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
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!

Gå till inlägget

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å!

Visa signatur

NZXT H510 Flow MSI B450 Tomahawk MAX
 AMD Ryzen 5800X3D RX 7900XTX Kingston Fury 64GB

Redigera
Citera flera Citera
Permalänk
Medlem
●
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å!

Gå till inlägget

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

Visa signatur

Set-up
NZXT Manta, ASUS ROG STRIX B350-I GAMING, AMD Ryzen 7 1800X 4.0 GHz, NZXT Kraken X62 280mm, Corsair 32GB DDR4, Seasonic FOCUS Plus 850W Platinum, Samsung 850-Series PRO 512GB (2X), ROG-STRIX-GTX1070TI-A8G-GAMING, Samsung 27'' C27FG70F Curved, ASUS 24" MG248QR 144Hz, ZOWIE EC1-A Gaming Mouse, QPAD MK-90 RGB MX Red.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara