How to set different font family based on text language?

This question is not about WordPress but about css. Actually there even is a straightforward solution, because css-3 has an attribute called unicode-range, which allows you to load fonts based on the character set. For Tamil the unicode block is U+0B02..U+0BCD. So, if you have the english font as a standard you can easily change the font to Tamil whenever appropriate like this:

@font-face {   
  font-family: 'NovaSansTamil';
  src: url('novasanstamil.woff') format('woff'); /* full url to font needed */
  unicode-range: U+0B02-CD;
  }

Beware that browser support is not yet universal for this feature.

Related Posts:

  1. Failed to decode downloaded font
  2. Set line height in Html

    to make the html looks like a office word when

    has different font sizes

  3. font-weight is not working properly?
  4. @font-face doesn’t work
  5. How to add custom fonts in WordPress site
  6. Where Do I Find The Astra Default Font Family That All Text Elements Are Inheriting From? [closed]
  7. How would one set or override a Fallback font for characters in second language?
  8. I have a wordpress website which uses a really weird font on Opera. What do I need to do to fix it?
  9. Font .woff files loaded don’t correspond to the displayed styles [closed]
  10. When changing theme’s font, why does font-size attribute not work? [duplicate]
  11. Fonts are not applying
  12. Fonts are parsed in one way but rendered in a different way
  13. Custom font isn’t active on all PCs
  14. CSS Font Border?
  15. How to change btn color in Bootstrap
  16. force footer on bottom on pages with little content
  17. Dynamically change color to lighter or darker by percentage CSS
  18. How do I right align div elements?
  19. CSS “margin: 0 auto” not centering
  20. What is the difference between “screen” and “only screen” in media queries?
  21. How to have an anim gif on a link and play it on hover and reset
  22. Bootstrap align navbar items to the right
  23. Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
  24. Using font awesome in codepen
  25. using media queries with LESS
  26. How can I apply styles to multiple classes at once?
  27. How to get multiple images to auto resize and stay centered within a div
  28. CSS rotation cross browser with jquery.animate()
  29. How can I center
techhipbettruvabetnorabahisbahis forumutaraftarium24edueduseduedueduedusedueduedusedus