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

by

You should do this:

p {
  font-size: 12px;
}

span {
  font-size: 16px;
  font-weight: bold;
}
<p>
  <span>STUDIO X</span> is the best studio ever
</p>

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

More Related Contents:

  1. Transparent text cut out of background
  2. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  3. Browsers’ default CSS stylesheets
  4. How to import Google Web Font in CSS file?
  5. CSS Font Border?
  6. Why should we include ttf, eot, woff, svg,… in a font-face
  7. Downloading a Google font and setting up an offline site that uses it
  8. How can I determine what font a browser is actually using to render some text?
  9. Failed to decode downloaded font
  10. How to import fonts in CSS?
  11. How is font size calculated?
  12. CSS: bolding some text without changing its container’s size
  13. Converting and rendering web fonts to base64 – keep original look
  14. Multiple font-weights, one @font-face query
  15. Webpack “OTS parsing error” loading fonts
  16. Force Non-Monospace Font into Fixed Width Using CSS
  17. Fonts looks different in Firefox and Chrome
  18. Fallback fonts on special characters
  19. Specifying Style and Weight for Google Fonts
  20. Styling Password Fields in CSS
  21. What does font-size really correspond to?
  22. How to add fonts to create-react-app based projects?
  23. When setting a font-size in CSS, what is the real height of the letters?
  24. Forcing anti-aliasing using css: Is this a myth?
  25. Font weight turns lighter on Mac/Safari
  26. What disadvantages are there to the tag?
  27. How to prevent different browsers rendering fonts differently?
  28. css different font sizes on different families
  29. -webkit-font-smoothing property has no effect in Chrome
  30. Fix custom font line-height with CSS

Leave a Comment