small-caps font in css handles numbers as capital letters

0 votes

I'm working on a website and wanted to use the tiny capitals font variant. The issue is that whenever I have a number in a sentence, it is regarded as a capital letter and is larger than the remainder of the phrase.

So, what do I do now? Is there anything I need alter in font-variant-numeric?

font-family: Montserrat;
font-style: normal;
font-variant: small-caps;
font-variant-numeric: normal;
May 27, 2022 in CSS by Edureka
• 13,620 points
1,355 views

1 answer to this question.

0 votes
Because numbers are not letters, they do not have a capital letter and do not have a small-caps letter.
If you really must have numerals the same size as small capitals, you must do so manually and with various text sizes.
answered May 28, 2022 by Edureka
• 12,690 points

Related Questions In CSS

0 votes
1 answer

How to set Bullet colors in UL/LI html lists via CSS without using any images or span tags

I use jQuery for this: jQuery('li').wrapInner('<span class="li_content" />'); & ...READ MORE

answered May 27, 2022 in CSS by Edureka
• 12,690 points
1,032 views
0 votes
1 answer

nbsp not working in CSS content tag

May be this could be the solution ...READ MORE

answered May 28, 2022 in CSS by Edureka
• 12,690 points
1,083 views
0 votes
1 answer

What does !important mean in CSS?

The CSS! important rule is used to ...READ MORE

answered Jun 1, 2022 in CSS by Edureka
• 12,690 points
736 views
0 votes
1 answer

Color names allowed in HTML/CSS

Aqua, black, blue, fuchsia, grey, green, lime, ...READ MORE

answered Jun 1, 2022 in CSS by Edureka
• 12,690 points
528 views
0 votes
1 answer

how to use font awesome icons in HTML

First, you have to write this in ...READ MORE

answered Aug 4, 2022 in HTML by Deepak
• 980 points
1,797 views
0 votes
1 answer

how to use font awesome icons in HTML?

You must first write this down in the ...READ MORE

answered Aug 8, 2022 in HTML by Vikas
669 views
0 votes
0 answers

How to import Google Web Font in CSS file?

I only have access to the CSS ...READ MORE

Aug 10, 2022 in CSS by Edureka
• 13,620 points
481 views
0 votes
0 answers

How to combine bold and italic in CSS?

I learned how to make text bold ...READ MORE

Aug 23, 2022 in CSS by Edureka
• 13,620 points
1,812 views
0 votes
1 answer

How can I define colors as variables in CSS?

CSS does not use variables. You can, ...READ MORE

answered Jun 21, 2022 in CSS by Edureka
• 12,690 points
643 views
0 votes
1 answer

I want to create a small square colour filled box in HTML & CSS. And most important - I want to write one line after the box

Try using the square html entity: <div style="color:blue">&a ...READ MORE

answered Jun 28, 2022 in CSS by Edureka
• 12,690 points
5,710 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP