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. Separate typography controls for titles and meta in a custom block?
  15. What’s the difference between SCSS and Sass?
  16. How am I supposed to use index.html?
  17. Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
  18. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  19. Adding border to SVG image
  20. What does !important mean in CSS?
  21. Set line spacing
  22. Remove blue underline from link
  23. CSS Background Opacity [duplicate]
  24. Outline effect to text
  25. Customize Bootstrap checkboxes
  26. Making a
  27. React.js inline style best practices [closed]
  28. What is a user agent stylesheet?
  29. What is a user agent stylesheet?
  30. Is there a CSS parent selector?
  31. CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
  32. Vertically align text within a div
  33. How to align a
  34. Animate the overflow property
  35. Is there a color code for transparent in HTML?
  36. multiple classes on single element html
  37. CSS opacity only to background color, not the text on it?
  38. How do I center floated elements?
  39. create a white rgba / CSS3
  40. Using CSS for a fade-in effect on page load
  41. Gradient borders
  42. Superscript in CSS only?
  43. What is WebKit and how is it related to CSS?
  44. CSS Font Border?
  45. What’s the difference between display:inline-flex and display:flex?
  46. Making an iframe responsive
  47. How can I invert color using CSS?
  48. How to insert spaces/tabs in text using HTML/CSS
  49. font-family is inherit. How to find out the font-family in chrome developer pane?
  50. How to get these two divs side-by-side?
  51. How can I vertically center a “div” element for all browsers using CSS?
  52. What does auto do in margin: 0 auto?
  53. Does bootstrap have builtin padding and margin classes?
  54. How to change the color of an svg element?
  55. Changing spacing between paragraphs and inside of paragraphs
  56. Is there a color code for transparent in HTML?
  57. How to vertically align an image inside a div
  58. How can I center an absolutely positioned element in a div?
  59. Nesting CSS classes
  60. Applying Comic Sans Ms font style
  61. How to set up fixed width for ?
  62. “Stray start tag footer” in html validator?
  63. How to change btn color in Bootstrap
  64. Make div scrollable
  65. Failed to decode downloaded font, OTS parsing error: invalid version tag + rails 4
  66. Chrome give error **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** while other browser load images
  67. What is the difference between the selectors “.class.class” and “.class .class”?
  68. CSS: Creating textured backgrounds
  69. Insert image after each list item
  70. How to make the HTML link activated by clicking on the
  71. ?
  72. How to change text transparency in HTML/CSS?
  73. How do I hide the bullets on my list for the sidebar?
  74. limitations of using @Html.EditorForModel
  75. Transition of background-color
  76. How to implement max-font-size?
  77. How to float 3 divs side by side using CSS?
  78. How to override the properties of a CSS class using another CSS class
  79. HTML Width Percentage
  80. Circle button css
  81. force footer on bottom on pages with little content
  82. draw diagonal lines in div background with CSS
  83. How to add a color overlay to a background image?
  84. Change color of PNG image via CSS?
  85. css transition opacity fade background
  86. Better way to set distance between flexbox items
  87. Text-decoration: none not working
  88. How to set up fixed width for ?
  89. How do I center an h1 in the body
  90. CSS3 Transition not working
  91. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  92. How do I rotate text in css?
  93. CSS Invalid Property Value?
  94. right align an image using CSS HTML
  95. How can I transition height: 0; to height: auto; using CSS?
  96. css to make bootstrap navbar transparent
  97. how to offset a CSS border up and left
  98. @Media min-width & max-width
  99. CSS display: inline vs inline-block
  100. css: how to center box div element directly in center?
  101. How do I center this form in css?
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)