Font Styles

The Doctor · Oct 10, 2006

I'm very new to HTML & I'm struggling a bit with styles.

<html>
<head>
<title></title>
<STYLE TYPE="text/css">

</STYLE>

</head>
<body>
<h2>Education</h2>
</body>
</html>

My understanding of that code is that it will show the word
"Education" in Arial regular, blue, 20 pt.
Instead I get the word "Education" in Arial Bold. How do I
turn the Bold option off?

Els · Oct 10, 2006

The said:
H2
{
color:blue;
font-family:arial;
font-size:20pt;
}
[snip]

My understanding of that code is that it will show the word
"Education" in Arial regular, blue, 20 pt.

No, h2 has font-weight:bold by default.

Instead I get the word "Education" in Arial Bold. How do I
turn the Bold option off?

font-weight:normal;

Nikita the Spider · Oct 10, 2006

"The Doctor said:
I'm very new to HTML & I'm struggling a bit with styles.

<html>
<head>
<title></title>
<STYLE TYPE="text/css">

</STYLE>

</head>
<body>
<h2>Education</h2>
</body>
</html>

My understanding of that code is that it will show the word
"Education" in Arial regular, blue, 20 pt.
Instead I get the word "Education" in Arial Bold. How do I
turn the Bold option off?

Els has already answered your question, I just wanted to add in that
points (pt) are fine for printing but aren't a great measurement unit
for screens. Try ems or percentages instead, like so:

h2
{
color:blue;
font-family:arial;
font-size: 125%;
}

jojo · Oct 10, 2006

Nikita said:
H2
{
color:blue;
font-family:arial;
font-size:20pt;
}

Click to expand...

[snip]

I just wanted to add in that points (pt) are fine for
printing but aren't a great measurement unit for
screens. Try ems or percentages instead, like so:

h2
{
color:blue;
font-family:arial;
font-size: 125%;
}

There is still something to add: I would specify a generic font-family
in addition to the font-type (would be "sans-serif" in case of Arial).

So your CSS-class would be:

h2
{
color:blue;
font-family:arial, sans-serif;
font-size: 125%;
}

for more information about generic font families see:
http://www.w3.org/TR/REC-CSS2/fonts.html#generic-font-families

jojo

The Doctor · Oct 11, 2006

tya

jojo said:
Nikita said:

H2
{
color:blue;
font-family:arial;
font-size:20pt;
}

Click to expand...

[snip]

I just wanted to add in that points (pt) are fine for
printing but aren't a great measurement unit for screens.
Try ems or percentages instead, like so:

h2 {
color:blue;
font-family:arial;
font-size: 125%;
}

Click to expand...

There is still something to add: I would specify a generic
font-family in addition to the font-type (would be
"sans-serif" in case of Arial).

So your CSS-class would be:

h2
{
color:blue;
font-family:arial, sans-serif;
font-size: 125%;
}

for more information about generic font families see:
http://www.w3.org/TR/REC-CSS2/fonts.html#generic-font-families

jojo

Jukka K. Korpela · Oct 12, 2006

Scripsit The Doctor:

I'm very new to HTML

That's obvious from the code snippets you posted.

& I'm struggling a bit with styles.

Just stop that. Learn HTML first.

<title></title>

For example, that's bad authoring. Very bad.

<STYLE TYPE="text/css">
<!--

And that's just worse than pointless technobabble that stopped being
relevant about a decade ago.

My understanding of that code is that it will show the word
"Education" in Arial regular, blue, 20 pt.

Maybe, maybe not. It depends. But 20 pt is a wrong setting anyway.

Help with code	0	Jun 12, 2022
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
Only one table shows up with the information	2	Mar 29, 2023
Can anyone please help? HTML - two tables applying different styles	4	Dec 1, 2020
Why <link/> is not working?	4	Jan 1, 2020
Need help , Having problem with Drag n Drop ?	9	Dec 21, 2022
Need help , Having problem with Drag n Drop...	1	Dec 21, 2022
I need help making a zooming function	11	Dec 14, 2021

Font Styles

The Doctor

Els

Nikita the Spider

jojo

The Doctor

Jukka K. Korpela

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads