Display Text With Two Language In Webpage With Different Fonts With Font-face At Rule In Css

My web page displays Persian text using the Yekan font as expected. Why does the English text incorrectly use a font other than Alger? @font-face {

Solution 1:

You can add only one font to an element
Trick: Try giving them the same Name:

@font-face { /* Persian Font */
        font-family: 'MyFont';
        src: url(Fonts/BYekan.ttf);
        unicode-range:U+0600-06FF;
    }
    @font-face { /* english font */
        font-family: 'MyFont';
        src: url(Fonts/ALGER.TTF);
        unicode-range: U+0020-007F;
    }

Usage:

body{
  font-family: 'MyFont';}

This should solve your problem, but i cant test it because i'm on mobile