/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Variabel font-size
Fra : Lisbet Laursen


Dato : 16-09-03 09:53

Jeg bruger *.css og vil gerne have, at man skal kunne ændre
font-størrelsen i browseren (af hensyn til svagtseende). Men hvis jeg
undlader at angive font-size i stylesheetet, bliver teksten for stor i
forhold til mit layout, når browseren er sat til at vise 'mellem' (er
det ikke standardindstillingen?).

Det passer bedst med 12-13 px til brødtekst og links - hvis jeg i stedet
for px bruger em, hvad kan så passe til 13px, når browseren er sat til
'mellem'?

Jeg har også set muligheden for at give valg mellem flere stylesheets
med forskellige font-size, men så skal jeg jo designe i flere omgange,
det har jeg ikke tid til lige for øjeblikket.

Jeg medgiver gerne, at jeg muligvis har misforstået et eller andet eller
formulerer mig dårligt, men håber at finde assistance her.

Jeg har kigget i html.dk og hjemmesideskolen.dk, men synes ikke, jeg har
fået det skåret helt ud i pap der.

Hilsen
Lisbet



 
 
Jesper Brunholm (16-09-2003)
Kommentar
Fra : Jesper Brunholm


Dato : 16-09-03 10:02

Lisbet Laursen wrote:
> Jeg bruger *.css og vil gerne have, at man skal kunne ændre
> font-størrelsen i browseren (af hensyn til svagtseende). Men hvis jeg
> undlader at angive font-size i stylesheetet, bliver teksten for stor i
> forhold til mit layout, når browseren er sat til at vise 'mellem' (er
> det ikke standardindstillingen?).

Jo - det er som regel standardindstillingen, selv om rigtigt mange
bruger 'mindre' i stedet for - mere eller mindre bevidst

> Det passer bedst med 12-13 px til brødtekst og links - hvis jeg i stedet
> for px bruger em, hvad kan så passe til 13px, når browseren er sat til
> 'mellem'?

Det kommer an på hvilken fontstørrelse browseren er indstillet til at
bruge som default, men det passer nogenlunde med at 1em svarer til 13px
på en nyindstalleret Explorer.

1 em til standard tekst er også et rigtigt godt udgangspunkt.

Det er i øvrigt kun i Explorer at man blokerer for fontskalering ved at
bruge px, i de andre browsere er det stadig let at ændre
skriftstørrelse. Det er tilmed muligt at skalere px-defineret tekst i
Explorer hvis man bruger handikapindstillingerne til at muliggøre dette.

> Jeg har også set muligheden for at give valg mellem flere stylesheets
> med forskellige font-size, men så skal jeg jo designe i flere omgange,
> det har jeg ikke tid til lige for øjeblikket.

Det andet er efter min mening en langt bedre løsning

> Jeg medgiver gerne, at jeg muligvis har misforstået et eller andet eller
> formulerer mig dårligt, men håber at finde assistance her.

Det behøver du ikke, det går ret godt!

Udover de to nævnte kan du også bruge http://html-faq.dk

mvh

Jesper Brunholm

--
Phønix - dansk folk-musik i front - <http://www.phonixfolk.dk/>
H.C. Andersen-Centret: <http://www.andersen.sdu.dk/>
Vi har killinger på Garion.dk: <http://garion.dk/>


Martin Hintzmann And~ (16-09-2003)
Kommentar
Fra : Martin Hintzmann And~


Dato : 16-09-03 10:40

Lisbet Laursen wrote:
> Jeg bruger *.css og vil gerne have, at man skal kunne ændre
> font-størrelsen i browseren (af hensyn til svagtseende). Men hvis jeg
> undlader at angive font-size i stylesheetet, bliver teksten for stor i
> forhold til mit layout, når browseren er sat til at vise 'mellem' (er
> det ikke standardindstillingen?).
>
> Det passer bedst med 12-13 px til brødtekst og links - hvis jeg i stedet
> for px bruger em, hvad kan så passe til 13px, når browseren er sat til
> 'mellem'?
>

Jeg plejer at give body-elementet font-size:100%; og p-elementet(/brødteksten) font-size:1em;,
da det er brugerens indstilling/ønske.
Og så går jeg aldrig under 0.8em for et element, da det alt efter font-family tit bliver for småt.

Hintzmann c",)


Jens Gyldenkærne Cla~ (16-09-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 16-09-03 11:03

Martin Hintzmann Andersen skrev:

> Jeg plejer at give body-elementet font-size:100%; og
> p-elementet(/brødteksten) font-size:1em;,

Det er vel default for begge elementer. Specificerer du begge dele
eksplicit?


> da det er brugerens indstilling/ønske.

Indstilling: Ja.

Ønske - måske. Mange aner ikke at det er muligt at ændre browserens
skriftindstillinger selv.


> Og så går jeg aldrig under 0.8em for et
> element, da det alt efter font-family tit bliver for småt.


Jeg sætter sjældent fontstørrelse uden samtidig at sætte typen. Jeg
er enig i at man skal være varsom med små skriftsstørrelser, men
jeg synes omvendt ikke at en brødtekst partout skal være 1em eller
mere. Hvor langt ned man kan gå er svært at sige præcist - det
afhænger af hvad teksten skal bruges til og hvor lang den er.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Martin Hintzmann And~ (16-09-2003)
Kommentar
Fra : Martin Hintzmann And~


Dato : 16-09-03 11:52

Jens Gyldenkærne Clausen wrote:

> Martin Hintzmann Andersen skrev:
>
>
>>Jeg plejer at give body-elementet font-size:100%; og
>>p-elementet(/brødteksten) font-size:1em;,
>
>
> Det er vel default for begge elementer. Specificerer du begge dele
> eksplicit?

Ja, det er default for begge, men hvis man ønsker at ændre font-sizen på en header e.lign. så
ændres størrelserne på p og hx elementet ikke proportionelt.

Prøv at lav en test side, hvor du har et p-element og et h3-element. Ændre størrelsen i
browseren (IE)... de følges pænt ad. De bliver lige små/store.

Prøv så at sæt font-size til 1em på h3 elementet. Ex.
<h3 style="font-size:1em;">Header 3</h3>

Nu bliver h3 meget mindre/større end p elementet.

Prøv så at sæt font-size til 100% på body elementet.
<body style="font-size:100%;">...

Nu følges de ad igen.

Derfor sætter jeg font-size til 100% på body elementet.

Det er rigtigt at jeg ikke behøver at sætte p-elementet, men det skrev jeg kun for at
fortælle/indikere at p burde være 1em, som er brugerens default.

Men af vane sætter jeg altid font-size på p og andre elementer.

>>da det er brugerens indstilling/ønske.
>
>
> Indstilling: Ja.
>
> Ønske - måske. Mange aner ikke at det er muligt at ændre browserens
> skriftindstillinger selv.

Det er rigtigt at brugeren ikke altid ved at man kan ændre skriftstørrelse. Men for dem der ved
det er det jo top-nice. Dem der ikke ved det, kan man jo bare potte-træne

Jeg ved godt at det er et område, hvor der er delte meninger, men jeg mener at det skal gøres
rigtigt fra starten, som det var tiltænkt. Dem der så ikke ved det må man så pædagoisk prøve at
hjælpe.

>
>
>>Og så går jeg aldrig under 0.8em for et
>>element, da det alt efter font-family tit bliver for småt.
>
>
>
> Jeg sætter sjældent fontstørrelse uden samtidig at sætte typen. Jeg
> er enig i at man skal være varsom med små skriftsstørrelser, men
> jeg synes omvendt ikke at en brødtekst partout skal være 1em eller
> mere. Hvor langt ned man kan gå er svært at sige præcist - det
> afhænger af hvad teksten skal bruges til og hvor lang den er.

Jeg plejer også at sætte font-size og font-family samtidig i font, hvis det er nødvendigt.
Eksempel vis i body
font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;

Har man først angive font-familien i body, slår det igennem på de fleste elementer h1-h6, p,
lister o.lign., dog med udtagelse i tabeller.

Men jeg tjecker det altid og der hvor det ikke slår igennem sætter jeg både font-size og -family.

Hintzmann c",)








Lisbet Laursen (17-09-2003)
Kommentar
Fra : Lisbet Laursen


Dato : 17-09-03 12:38

Martin Hintzmann Andersen wrote:

> Prøv at lav en test side, hvor du har et p-element og et h3-element.
> Ændre størrelsen i browseren (IE)... de følges pænt ad. De bliver
> lige små/store.
>
> Prøv så at sæt font-size til 1em på h3 elementet. Ex.
> <h3 style="font-size:1em;">Header 3</h3>
>
> Nu bliver h3 meget mindre/større end p elementet.
>
> Prøv så at sæt font-size til 100% på body elementet.
> <body style="font-size:100%;">...
>
> Nu følges de ad igen.
>
> Derfor sætter jeg font-size til 100% på body elementet.
>
> Det er rigtigt at jeg ikke behøver at sætte p-elementet, men det
> skrev jeg kun for at fortælle/indikere at p burde være 1em, som er
> brugerens default.

Tak for opskriften, det ser ud til at den virker efter hensigten.

Venlig hilsen
Lisbet



Lobais (16-09-2003)
Kommentar
Fra : Lobais


Dato : 16-09-03 17:40

Lisbet Laursen wrote in dk.edb.internet.webdesign.html:
> Jeg bruger *.css og vil gerne have, at man skal kunne ændre
> font-størrelsen i browseren (af hensyn til svagtseende). Men hvis jeg
> undlader at angive font-size i stylesheetet, bliver teksten for stor i
> forhold til mit layout, når browseren er sat til at vise 'mellem' (er
> det ikke standardindstillingen?).
Jo, i IE, i opera, mozilla og firebird m.f. kan du zoome som det passer
dig.

> Det passer bedst med 12-13 px til brødtekst og links - hvis jeg i stedet
> for px bruger em, hvad kan så passe til 13px, når browseren er sat til
> 'mellem'?
Normal angiver man skriftstørrelser i pt.

> Jeg har også set muligheden for at give valg mellem flere stylesheets
> med forskellige font-size, men så skal jeg jo designe i flere omgange,
> det har jeg ikke tid til lige for øjeblikket.
Njaaa, de andre style sheets skal jo kun indeholde én linje...

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Lisbet Laursen (16-09-2003)
Kommentar
Fra : Lisbet Laursen


Dato : 16-09-03 20:34


> Lisbet Laursen wrote in dk.edb.internet.webdesign.html:

>> Jeg har også set muligheden for at give valg mellem flere stylesheets
>> med forskellige font-size, men så skal jeg jo designe i flere
>> omgange, det har jeg ikke tid til lige for øjeblikket.

Lobais wrote:

> Njaaa, de andre style sheets skal jo kun indeholde én linje...

Kunne du skære det ud i pap for mig?

Det jeg refererer til er fx en Style Sheet Skifter, som man kan hente
hos IT- og Telestyrelsen
http://www.netsteder.dk/artikler/styleskift/styleskift.html

Skal man ikke forstå det sådan, at man er nødt til at lave mindst 2
forskellige style sheets? Som jo helst skal se nogenlunde pæne ud på
skærmen, vil jeg mene.

Hilsen
Lisbet




Stig Nygaard (16-09-2003)
Kommentar
Fra : Stig Nygaard


Dato : 16-09-03 20:54

Hej Lisbet


Lisbet Laursen wrote:
> Jeg har også set muligheden for at give valg mellem flere stylesheets
> med forskellige font-size, men så skal jeg jo designe i flere omgange,
> det har jeg ikke tid til lige for øjeblikket.

http://rockland.dk/ har jeg gjort det muligt at ændre font-størrelsen
på siden, men der er kun ét egentligt stylesheet til siderne. Tricket er
at gøre alle font-størrelser i stylesheet'et relative (%), bortset fra
størrelsen på body-elementet. Størrelsen på body-elementet kan så
manipuleres (via javascript) på min font-størrelses vælger.


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *


Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408938
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste