fonts - How do I style a specific word with CSS in an HTML element?

Question

How do I style a specific word within <p> tags? EX: STUDIO X is the best studio ever.

^^How do I, using css, make "STUDIO X" a different font than "is the best studio ever?"

Answer 1

You should do this:

HTML

<p>
    <span>STUDIO X</span> is the best studio ever
</p>

CSS

p {
    font-size:12px;
}

span {
    font-size:16px;
    font-weight:bold;
}

I recommend you to define a specific class for <p> and <span> tags, it will prevent unexpected overwrites.