CSS: Styling numbers and text with different fonts

Question

I\'d like that all the numbers and all the punctuation in my website have a font-family, while the rest of the text has another. (Example: numbers and punctuation in Arial and t

Answer 1

You can set one font-family for your body i.e. Tahoma, and then wrap any of your numbers and punctuation marks inside a tag, for e.g. and then set a different font-family for the span tag using CSS like this:

.numbers {
     font-family: Arial;
}

Here's an example:

body {
  font-family: Arial;
}
.numbers {
  font-family: Tahoma;
  color: red;
}

Lorem ipsum dolor ismet. Lorem ipsum dolor ismet. Lorem ipsum dolor ismet 123-456-789. Lorem ipsum dolor ismet. Lorem ipsum dolor ismet. Lorem ipsum dolor ismet. Lorem ipsum dolor ismet. Lorem ipsum dolor ismet. Lorem ipsum
dolor ismet. Lorem ipsum dolor ismet. "Lorem ipsum dolor ismet". Hello World???????