admin管理员组文章数量:1245917
I want to create a website in hindi font. for this i have tried @font-family: "Kruti Dev" etc. but I feel that this website will require hindi font on every user's pc.
What's the best way to use hindi font on a website ?
I want to create a website in hindi font. for this i have tried @font-family: "Kruti Dev" etc. but I feel that this website will require hindi font on every user's pc.
What's the best way to use hindi font on a website ?
Share Improve this question edited Jul 10, 2017 at 6:46 Guillaume 5863 silver badges21 bronze badges asked Jul 10, 2017 at 6:41 Vishal GoyalVishal Goyal 211 gold badge1 silver badge2 bronze badges 2- What about downloading the font then include it in your project? So that user that do not have the font can still view it in "Hindi" font – Carl Binalla Commented Jul 10, 2017 at 6:43
- 1 Possible duplicate of css font family issue, what if the font is not available on client side – Narayan Commented Jul 10, 2017 at 6:45
7 Answers
Reset to default 4use meta tag
<html>
<head>
<meta charset="UTF-8" />
<title>Hindi Font का उपयोग</title>
</head>
<body>
<h1>We Can Use Hindi Font</h1>
<p>इस Page में हम हिन्दी भाषा का उपयोग करेंगे</p>
<h1>We Can also use Hindi Hex Code</h1>
<p>इस Page में हम हिन्दी भाषा उपयोग करेंगे</p>
<a href="https://www.anirdesh./gujarati/hindi-unicode.php"><h1>Hindi Code Entity</h1></a>
</body>
</html>One way that I can think of is to use @font-face. But you must download the font first then include it in the files of the website
@font-face {
font-family: KrutiDev;
src: url(path/to/kruti_dev.woff);
}
use meta tag in head section
<html>
<head>
<meta charset="UTF-8" />
<title>Hindi Font का उपयोग</title>
</head>
<body>
<h1>We Can Use Hindi Font</h1>
<p>इस Page में हम हिन्दी भाषा का उपयोग करेंगे</p>
<h1>We Can also use Hindi Hex Code</h1>
<p>इस Page में हम हिन्दी भाषा उपयोग करेंगे</p>
<a href="https://www.anirdesh./gujarati/hindi-unicode.php"><h1>Hindi Code Entity</h1></a>
</body>
</html>You can develop a website in Hindi – or any other language – by embedding custom dynamic fonts. Although, embedding custom fonts has always been a painful experience for web developers and designers, but the latest trends in web design brought the idea back to life with new techniques. In this article you’ll find the modern techniques that may help you with the topic at hand, however, one must note that no particular technique is perfectly patible with every browser and each has its pros and cons.
You should definitely read this -
http://www.zapbuild./bitsntricks/how-to-develop-a-website-in-hindi/
Get the text you want in Hindi using google translate,I usually do it by typing sentences in English and get its translation in the desired language.
And all you need to do is include the following line in the head tag.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!DOCTYPE html>
<html lang="mr">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="content-language" content="mr">
<style type="text/css">
@font-face {
font-family: KrutiDev;
src: url(fonts/marathi/k010/k010.woff);
}
/*Download Zip file for KrutiDev woff font from internet, Unzip it, Paste
the folder in your website folder. I have taken k010*/
</style>
</head>
<body>
<textarea name="paragraph1" id="paragraph1" rows="5" cols="80"
style="font-family: KrutiDev;color:#003399;">
</textarea>
</body>
</html>
Use google web fonts 'Ek-Mukta': link here
<link href="https://fonts.googleapis./css?family=Ek+Mukta" rel="stylesheet">
font-family: 'Ek Mukta', sans-serif;
本文标签： javascriptUsing Hindi Font in HTML WebsitesStack Overflow
版权声明：本文标题：javascript - Using Hindi Font in HTML Websites - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1740160601a2234356.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论