---
title: "Font problem!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/155255-font-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "kovacz"
published: "2006-12-25T12:47:58.000Z"
updated: "2006-12-26T12:57:12.000Z"
replies: 6
views: 530
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/155255-font-problem"
---

# Font problem!

## #1 — kovacz, 2006-12-25T12:47Z

Vill ha verdana 10px koden i css:en .. vad ska jag skriva? vill veta exakt.. om jag visar hur min css fil ser ut nu så: Hur ska den se ut med det jag ville lägga till? jag vill ändra vrinda till verdana och använda 10px!

BODY {
	text-decoration: none;
	color: #c9c9c9;
	font-family: vrinda;
	
}
A:link {text-decoration: none; color: #B4EFC2;}
A:visited {text-decoration: none; color: #B4EFC2;}
A:active {text-decoration: none; color: #B4EFC2;}
A:hover {text-decoration: none; color: #FF6699;}
td { border: solid 0px #000000 } 
td p { padding: 0px; }

Permalänk: https://www.webforum.nu/p/155255

## #2 — kaxigt, 2006-12-25T13:45Z

```
body {font: normal 10px/1.5 verdana, times, sans-serif; color:#c9c9c9;}
```

```
a:link {text-decoration: none; color: #B4EFC2;}
a:visited {text-decoration: none; color: #B4EFC2;}
a:hover {text-decoration: none; color: #FF6699;}
a:active {text-decoration: none; color: #B4EFC2;}
```

a:active bör ligga **omedelbart efter** hover - tänk på det.
Det här ger en allmän formatering i hela body.

Vill du sedan ha specifika styckeindelningar som är formaterade kan du göra så här beroende på om du vill ha olika indrag etc i olika divar om du använder sådana.

```
#header p    {padding:5px 20px 15px 30px;background:transparent; color:#c9c9c9;}
#main p    {padding:5px 20px 15px 30px;background:transparent; color:#c9c9c9;}
#left p    {padding:5px 20px 15px 30px;background:transparent; color:#c9c9c9;}
#footer p    {padding:5px 20px 15px 30px;background:transparent; color:#c9c9c9;}
```

När du sedan skriver din text behöver du enbart göra detta mellan p-attributen \<p\>text här\</p\>.

Du kan även specifikt ange fonten för dina tabeller:

```
.td {font: normal 10px/1.5 verdana, times, sans-serif; color:#c9c9c9;
padding:5px 20px 15px 30px;}
```

Givetvis finns det fler sätt att ordna till det här men du har inte skickat med en länk så därför är det svårare att besvara.

mvh/Lena

Permalänk: https://www.webforum.nu/p/1915706

## #3 — kovacz, 2006-12-25T22:32Z

<https://www.kovacz.se> , det ända jag behöver är en textstorlek till verdana texten.. den vägrar göra som jag säger :P Vill ha texten i 10 px verdana. funkar inte hur jag än vrider och vänder.

Permalänk: https://www.webforum.nu/p/1915752

## #4 — bossse, 2006-12-26T10:04Z

Kopiera allt nedan och testa!

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title></title> 
<style type="text/css"> 
BODY {
background-color:blue;
color: #c9c9c9;
font-family: verdana;
font-size:10px;
}
A:link, A:visited, A:active {text-decoration: none; color: #B4EFC2;}
A:hover {text-decoration: none; color: #FF6699;}
td { border: solid 0px #000000 } 
td p { padding: 0px; } 
</style> 
</head>
<body>
Typsnitt Verdana, storlek 10px, text-decoration behövs ej då den är none. Detta gäller bara för body.
<br><br>
Storlek och typsnitt kommer också att gälla för länkarna, bara färgen ändras.
<br>
Sedan har jag förenklat din css för länkarna, blir samma resultat.
<br><br>
<a href=http://norrtalje.web.surftown.se>Klicka</a>
<br><br>
Läs mer om fontegenskaper
<br>
<a href=http://vonpepel.com/ref/css/font.html> HÄR </a>
</body>
</html>
```

Permalänk: https://www.webforum.nu/p/1915776

## #5 — kovacz, 2006-12-26T11:42Z

Bossse, jag la den i css:en nu. Funkar dock inte.

Permalänk: https://www.webforum.nu/p/1915792

## #6 — tanten, 2006-12-26T12:21Z

Det var en väldans taggsoppa milt sagt.
Att den inte fungerar beror på att css-n ligger i en egen ram utan koppling till alla de andra ramarna. 
Du får fixa till alla includes först eller vad det är...
Sidan ska börja med doctype nu börjar den med \<meta\>
head finns långt ner på sidan och ...
Titta på källan och försök fixa så du bara får en \<html\> en \<head\> och en \<body\> sedan kan din css kanske börja fungera.

Permalänk: https://www.webforum.nu/p/1915798

## #7 — bossse, 2006-12-26T12:57Z

Lägg in detta direkt innan \</HEAD\>

```
<link rel=stylesheet type="text/css" href="style.css">
```

Din "style.css" ska väl sedan se ut så här

```
BODY {
background-color:#c9c9c9;
color: #c9c9c9;
font-family: verdana;
font-size:10px;
}
A:link, A:visited, A:active {text-decoration: none; color: #B4EFC2;}
A:hover {text-decoration: none; color: #FF6699;}
td {font-family: verdana;font-size:10px; border:0 } 
td p {font-family: verdana; font-size:10px;padding:0;}
```

Ta sedan bort dina övriga css-deklarationer i html-sidan.

Permalänk: https://www.webforum.nu/p/1915807

---

Tråden på webben: https://www.webforum.nu/amne/html-css/155255-font-problem
