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:
- Failed to decode downloaded font
- Set line height in Html
to make the html looks like a office word when
has different font sizes
- font-weight is not working properly?
- @font-face doesn’t work
- How to add custom fonts in WordPress site
- Where Do I Find The Astra Default Font Family That All Text Elements Are Inheriting From? [closed]
- How would one set or override a Fallback font for characters in second language?
- I have a wordpress website which uses a really weird font on Opera. What do I need to do to fix it?
- Font .woff files loaded don’t correspond to the displayed styles [closed]
- When changing theme’s font, why does font-size attribute not work? [duplicate]
- Fonts are not applying
- Fonts are parsed in one way but rendered in a different way
- Custom font isn’t active on all PCs
- What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
- Vertically align text within a div
- create a white rgba / CSS3
- Using CSS for a fade-in effect on page load
- Transition of background-color
- In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
- css: how to center box div element directly in center?
- How to fix a footer overlapping content?
- What is element.style and why is it overriding my css settings?
- What’s the HTML to have a horizontal space between two objects?
- HTML/CSS float: left; is not working properly
- CSS Div width percentage and padding without breaking layout
- CSS div width not working
- CSS background-image – What is the correct usage?
- Set bootstrap modal body height by percentage
- Click through div to underlying elements
- How can I fill a div with an image while keeping it proportional?
- Inner glow effect of button
- Hexagon shape with CSS3
- Remove top admin bar
- How make theme css be first and not plugin css
- One WordPress and database but multiple subdomains
- How can I remove css from a child theme?
- Custom Admin CSS styles to style media uploader?
- getting url in wp_enqueue_style
- Gutenberg Additional CSS Class without modifying theme?
- Add Post Status to Body Class
- Why does my dissappear?
- wp_enqueue_style – CSS Not loading – ERR_TOO_MANY_REDIRECTS [closed]
- Help with child theme enqueuing additional css files
- Bootstrap in theme
- Why does my caroussel gallery do this in responsive? [CSS] [closed]
- Website CSS not loading [closed]
- How to align full div [closed]
- Custom styles dropdown in TinyMCE editor – not working with headings
- Child theme CSS not applying to element
- Make CSS Changes To Only Affect Mobile Browser [closed]
- Disable File Editing function
- User gets access denied to css files and js files even though user is logged in [closed]
- Can’t call custom css in style.php
- Getting values from options page to css
- Conditionally enqueue a stylesheet based off of a javascript click event
- WordPress 6 – inline container styles breaking my site
- How to make a difference between the portfolio list, and a portfolio item?
- What is the best method to have Dynamic CSS?
- how to stop the shaking effect on my homepage [closed]
- List item images perfect on Chrome/Edge, css fudged on FF/IE [closed]
- Cannot change hover color for links [closed]
- How do I get access to the CSS Editor
- prevent HTML output if custom field is empty [closed]
- Style product detail page with custom CSS in woocommerce
- Using variable to display a page with a different stylesheet
- How can I style an IFRAME element that has a constantly changing class name? [closed]
- Twenty Twelve Calender Widget post titles creating disturbance
- why does this text overlaps in the sidebar?
- Combine CSS Files without plugin
- JS button animation for ajax the WordPress style
- How to make jquery slider to start afresh [closed]
- Trying to make an image a circle in Gutenberg
- How to properly hide the div of an inline collapsible button?
- How to remove padding from left&right side
- How can we create our own formatting style?
- links format change “on clic”
- Problem alignment issue with echo knowledge base
- Complex List Field – Gravity Forms
- Hide Login Page Labels
- The placeholder text doesnt disappear
- Theme stylesheet not called properly on cloned website
- Content alignment in Twenty Fourteen Theme
- Extending site width according to the image size
- a slider menu is compromised in space
- why css doesnt work when i change my file of wordpress and sql to another computer?
- How to change header from full-width to box width
- Installing non-standard fonts [closed]
- Change sidebar product category text color (woocommerce) [closed]
- Suddenly, all links in #content div are not clickable, but I don’t see any z-index bug? [closed]
- Hiding fields a form in via CSS [closed]
- Bullet points not showing in wordpress
- IOS Ventura Safari 16.3 position fixed elements goes above scroll bar
- Elementor Contact Form Submit button has empty class
- How can I make one button a different color from the other buttons on my site?
- How can I highlight the active page using paginate_links()?
- How do I change the CSS for all Page Title sections across an Elementor website?
- when I am logged in my page seems to be proper, but when I am just visiting the page in incognito, some css are not applied & page looks weired
- Block editor: can’t change format of inline code blocks
- WordPress login/register custom CSS not working?
- Help with creating a menu with multiple columns