Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Font Size Help-Solved
New Posts  All Forums:Forum Nav:

Font Size Help-Solved

post #1 of 8
Thread Starter 
Hey guys, so I was introduced to web coding using notepad in a tech class. It's pretty cool stuff, and I am trying to make an experimental homepage for a writing project I'm working on. My problem is I can't get certain text to become anything but the standard 12-point. I already searched online and found nothing useful.

Quote:
<font size="10" color="white"> Test Text </font>
This is what I'm putting in notepad, but instead I get a big font size (Like 32 point or something).

So what am I doing wrong?

EDIT:
Nevermind, my girlfriend solved it for me. Apparently font sizes are only between 1-7, which we haven't learned yet.
Edited by Playapplepie - 3/5/11 at 8:59pm
Swamplog 2.0
(10 items)
 
  
CPUMotherboardGraphicsRAM
Ryzen R7 1700 @ 3.5GHz MSI X370 Gaming Pro Carbon Gigabyte GTX 1070 G. Skill 2x8Gb DDR4 3200 @ 2933 
Hard DriveHard DriveHard DriveCooling
Samsung 850 Pro 128Gb SSD Sandisk 480Gb SSD WD Black 1TB HDD Corsair H60 
OSPower
Windows 10 Pro x64 Thermaltake Toughpower 750w 
  hide details  
Reply
Swamplog 2.0
(10 items)
 
  
CPUMotherboardGraphicsRAM
Ryzen R7 1700 @ 3.5GHz MSI X370 Gaming Pro Carbon Gigabyte GTX 1070 G. Skill 2x8Gb DDR4 3200 @ 2933 
Hard DriveHard DriveHard DriveCooling
Samsung 850 Pro 128Gb SSD Sandisk 480Gb SSD WD Black 1TB HDD Corsair H60 
OSPower
Windows 10 Pro x64 Thermaltake Toughpower 750w 
  hide details  
Reply
post #2 of 8
Whatever you're learning, stop now. <font> is definitely NOT what you want to be using in the real world.

The proper way to do this is with CSS:

Code:
span.mystuff {
    font-size: 10pt;
    color: white;
}
Underground
(14 items)
 
  
CPUMotherboardGraphicsRAM
Core i7 920 C0 ASUS P6T6 WS Revolution GTX 460 TR3X6G1600C8D 
Hard DriveOptical DriveCoolingOS
WD1001FALS SAMSUNG SH-S223F 22X DVD MULTI Corsair H50 Fedora 16 KDE x86_64 
MonitorKeyboardPowerCase
HP w19b Microsoft Comfort Curve Corsair CX600 Thermaltake Armor VA8003BWS 
MouseMouse Pad
Razer DeathAdder Black 
  hide details  
Reply
Underground
(14 items)
 
  
CPUMotherboardGraphicsRAM
Core i7 920 C0 ASUS P6T6 WS Revolution GTX 460 TR3X6G1600C8D 
Hard DriveOptical DriveCoolingOS
WD1001FALS SAMSUNG SH-S223F 22X DVD MULTI Corsair H50 Fedora 16 KDE x86_64 
MonitorKeyboardPowerCase
HP w19b Microsoft Comfort Curve Corsair CX600 Thermaltake Armor VA8003BWS 
MouseMouse Pad
Razer DeathAdder Black 
  hide details  
Reply
post #3 of 8
Thread Starter 
Quote:
Originally Posted by error10 View Post
Whatever you're learning, stop now. <font> is definitely NOT what you want to be using in the real world.

The proper way to do this is with CSS:

Code:
span.mystuff {
    font-size: 10pt;
    color: white;
}

What is "span.mystuff"? How exactly do I get this to work on bodies of text?
Edited by Playapplepie - 3/8/11 at 7:01pm
Swamplog 2.0
(10 items)
 
  
CPUMotherboardGraphicsRAM
Ryzen R7 1700 @ 3.5GHz MSI X370 Gaming Pro Carbon Gigabyte GTX 1070 G. Skill 2x8Gb DDR4 3200 @ 2933 
Hard DriveHard DriveHard DriveCooling
Samsung 850 Pro 128Gb SSD Sandisk 480Gb SSD WD Black 1TB HDD Corsair H60 
OSPower
Windows 10 Pro x64 Thermaltake Toughpower 750w 
  hide details  
Reply
Swamplog 2.0
(10 items)
 
  
CPUMotherboardGraphicsRAM
Ryzen R7 1700 @ 3.5GHz MSI X370 Gaming Pro Carbon Gigabyte GTX 1070 G. Skill 2x8Gb DDR4 3200 @ 2933 
Hard DriveHard DriveHard DriveCooling
Samsung 850 Pro 128Gb SSD Sandisk 480Gb SSD WD Black 1TB HDD Corsair H60 
OSPower
Windows 10 Pro x64 Thermaltake Toughpower 750w 
  hide details  
Reply
post #4 of 8
That is a CSS selector. It identifies what part(s) of the document you want to apply the style to. Now go check out a noob's guide to CSS. There are a very large number of them out on the Internet.
Underground
(14 items)
 
  
CPUMotherboardGraphicsRAM
Core i7 920 C0 ASUS P6T6 WS Revolution GTX 460 TR3X6G1600C8D 
Hard DriveOptical DriveCoolingOS
WD1001FALS SAMSUNG SH-S223F 22X DVD MULTI Corsair H50 Fedora 16 KDE x86_64 
MonitorKeyboardPowerCase
HP w19b Microsoft Comfort Curve Corsair CX600 Thermaltake Armor VA8003BWS 
MouseMouse Pad
Razer DeathAdder Black 
  hide details  
Reply
Underground
(14 items)
 
  
CPUMotherboardGraphicsRAM
Core i7 920 C0 ASUS P6T6 WS Revolution GTX 460 TR3X6G1600C8D 
Hard DriveOptical DriveCoolingOS
WD1001FALS SAMSUNG SH-S223F 22X DVD MULTI Corsair H50 Fedora 16 KDE x86_64 
MonitorKeyboardPowerCase
HP w19b Microsoft Comfort Curve Corsair CX600 Thermaltake Armor VA8003BWS 
MouseMouse Pad
Razer DeathAdder Black 
  hide details  
Reply
post #5 of 8
Thread Starter 
It's a little weird to understand, but I'm getting a hang of it.
Swamplog 2.0
(10 items)
 
  
CPUMotherboardGraphicsRAM
Ryzen R7 1700 @ 3.5GHz MSI X370 Gaming Pro Carbon Gigabyte GTX 1070 G. Skill 2x8Gb DDR4 3200 @ 2933 
Hard DriveHard DriveHard DriveCooling
Samsung 850 Pro 128Gb SSD Sandisk 480Gb SSD WD Black 1TB HDD Corsair H60 
OSPower
Windows 10 Pro x64 Thermaltake Toughpower 750w 
  hide details  
Reply
Swamplog 2.0
(10 items)
 
  
CPUMotherboardGraphicsRAM
Ryzen R7 1700 @ 3.5GHz MSI X370 Gaming Pro Carbon Gigabyte GTX 1070 G. Skill 2x8Gb DDR4 3200 @ 2933 
Hard DriveHard DriveHard DriveCooling
Samsung 850 Pro 128Gb SSD Sandisk 480Gb SSD WD Black 1TB HDD Corsair H60 
OSPower
Windows 10 Pro x64 Thermaltake Toughpower 750w 
  hide details  
Reply
post #6 of 8
NO DONT START CSS, you need to get an understanding of HTML.
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
post #7 of 8
Quote:
Originally Posted by graphicsman View Post
NO DONT START CSS, you need to get an understanding of HTML.
lol?
Underground
(14 items)
 
  
CPUMotherboardGraphicsRAM
Core i7 920 C0 ASUS P6T6 WS Revolution GTX 460 TR3X6G1600C8D 
Hard DriveOptical DriveCoolingOS
WD1001FALS SAMSUNG SH-S223F 22X DVD MULTI Corsair H50 Fedora 16 KDE x86_64 
MonitorKeyboardPowerCase
HP w19b Microsoft Comfort Curve Corsair CX600 Thermaltake Armor VA8003BWS 
MouseMouse Pad
Razer DeathAdder Black 
  hide details  
Reply
Underground
(14 items)
 
  
CPUMotherboardGraphicsRAM
Core i7 920 C0 ASUS P6T6 WS Revolution GTX 460 TR3X6G1600C8D 
Hard DriveOptical DriveCoolingOS
WD1001FALS SAMSUNG SH-S223F 22X DVD MULTI Corsair H50 Fedora 16 KDE x86_64 
MonitorKeyboardPowerCase
HP w19b Microsoft Comfort Curve Corsair CX600 Thermaltake Armor VA8003BWS 
MouseMouse Pad
Razer DeathAdder Black 
  hide details  
Reply
post #8 of 8
Thread Starter 
Quote:
Originally Posted by graphicsman View Post
NO DONT START CSS, you need to get an understanding of HTML.
I have some understanding. Good enough?

I wrote a teaser page for a thing I'm writing.

(It's Bioshock related)

Swamplog 2.0
(10 items)
 
  
CPUMotherboardGraphicsRAM
Ryzen R7 1700 @ 3.5GHz MSI X370 Gaming Pro Carbon Gigabyte GTX 1070 G. Skill 2x8Gb DDR4 3200 @ 2933 
Hard DriveHard DriveHard DriveCooling
Samsung 850 Pro 128Gb SSD Sandisk 480Gb SSD WD Black 1TB HDD Corsair H60 
OSPower
Windows 10 Pro x64 Thermaltake Toughpower 750w 
  hide details  
Reply
Swamplog 2.0
(10 items)
 
  
CPUMotherboardGraphicsRAM
Ryzen R7 1700 @ 3.5GHz MSI X370 Gaming Pro Carbon Gigabyte GTX 1070 G. Skill 2x8Gb DDR4 3200 @ 2933 
Hard DriveHard DriveHard DriveCooling
Samsung 850 Pro 128Gb SSD Sandisk 480Gb SSD WD Black 1TB HDD Corsair H60 
OSPower
Windows 10 Pro x64 Thermaltake Toughpower 750w 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Font Size Help-Solved