search

malte-wessel / react-textfit

React component to fit headlines and paragraphs into elements
http://malte-wessel.github.io/react-textfit/
MIT License
470 stars 143 forks source link

Having different resize for the same text #28

Closed MarcMagnin closed 7 years ago

MarcMagnin commented 7 years ago

On the following picture is it possible to have a part of a text resize with another factor? (having the "ms" text smaller) image Many thanks

denis-sokolov commented 7 years ago

You can do this today! We manipulate the font size using the CSS font-size at the top level container. You need to add a wrapper element with font-size using percents:

<Textfit>
  1<span style={{ fontSize: '80%' }}>ms</span>
</Textfit>
MarcMagnin commented 7 years ago

marvellous!