CS1115/CS5002

Web Development 1

Dr Derek Bridge

School of Computer Science & Information Technology

University College Cork

Text formatting

Font properties

Fonts

Fonts on the Web

Font families

Downloadable fonts

Google Web Fonts

FOUT and FOIT

Font sizes

Relative font sizes: class exercise

<body>
    …
    <aside>
        <h1>Did you know?</h1>
        <p>
            Mojito is pronounced Moh-HEE-toh.
        <p>
        …
    </aside>
    …
</body>
body {
    font-size: 16px;
}

aside {  
    font-size: 2em; 
}

h1 {
    font-size: 1.5em; 
}

p {
    font-size: 1.5rem;
}

Font sizes: Advice