Simple style options allow you to change the font of a web page with cascading style sheets . Use CSS to set the font for individual words, specific sentences, headings, entire paragraphs, and even entire pages of text.
Lifewire / Derek Abella
How to change the font with CSS
Make changes HTML and CSS described below using any HTML editor or text editor .
Find the text where you want to change the font. We will use this as an example:
Этот текст в Arial
Surround the text with a SPAN element:
Этот текст в Arial
Add an attribute style=»» in span tag:
Этот текст находится в Arial
In the style attribute, change the font using style font-family .
Этот текст находится в Arial
John Fisher
Save your changes to see the effects.
Tips for using CSS to change the font
The best approach is to always have at least two fonts in your font stack (list of fonts), so that the browser does not have the first font, the second one can be used instead.
Separate multiple font options with a comma, like so:
семейство шрифтов: Arial, Женева, Helvetica, без засечек;
The above example uses inline simulation, but in the best style used external style sheet to change more than just one element. Use the class to set the style for blocks of text.
Этот текст находится в Arial
In this example, the CSS file to style the above HTML would look like this:
.arial {font-family: Arial; }
John Fisher
Always end CSS styles with a semicolon (;). This is not required when there is only one style, but it is a good habit to get started.
