In general, the essence of the problem is this: you need to make two half words with different weights of the font. One bold, the other light.
How to make it more intelligent? Through html / css or svg stick?

It must be something like this:

enter image description here

  • to wrap the parts in the elements of the span to set the desired styles - Grundy

2 answers 2

Using html:

<b>Кот</b>собака

With css:

 p { font-weight: normal; } p span { font-weight: bold; } 
 <p> <span>Кот</span>собака </p>

    For example, p>span :

     p { font-family: sans-serif; font-weight: normal; font-size: 1rem; } p span { font-weight: bold; font-size: 1.2rem; } 
     <p> <span>Кот</span>собака </p>