Member Avatar for shruti sepra

Hi,

I am preparing website in English and Hindi, As per my search for web site in hindi there is need of font embedding for this we need two types of files

.eot and
.pfr

I make both files and attach it too.

it is working properly in I.E but not working properly in mozilla

following code is use by me for attaching files

<link rel="fontdef" src="embed/AKRUTI01.eot">
<link rel="fontdef" src="pfr/untitled.pfr">

CAN ANY ONE TELL ME WHAT CAN BE PROBLEM??

THANKS

  • 3 Contributors
  • 2 Replies
  • 112 Views
  • 2 Weeks Discussion Span
  • Latest Post Latest Post by webhosting

Dani AI

Generated

Notes for (and commenters): the reason the font shows in one browser but not another is almost always the embedding method, the font formats served, or the character encoding. Modern cross‑browser embedding uses CSS @font-face with web formats (WOFF/WOFF2, with TTF/OTF fallbacks; EOT only for very old IE). Also confirm the page and text use Unicode (UTF‑8) and the font itself supports Devanagari; many legacy Hindi fonts use non‑Unicode encodings and will behave inconsistently across browsers and platforms.

A practical @font-face pattern to test (adjust filenames and unicode range) is:

@font-face {
  font-family: "MyDevanagari";
  src: url("myfont.woff2") format("woff2"),
       url("myfont.woff") format("woff"),
       url("myfont.ttf") format("truetype"),
       url("myfont.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0900-097F;
}

Troubleshooting checklist:

  • Ensure the HTML declares UTF-8 and the Hindi text is stored as Unicode.
  • Convert fonts to web formats (Font Squirrel can generate a webfont kit).
  • Use browser dev tools (Network tab) to see if font files load and check for HTTP errors, wrong MIME types, or CORS blocks; add Access-Control-Allow-Origin if fonts are served cross‑domain.
  • Verify license terms before embedding a commercial font.
  • If maintaining bilingual content, prefer Unicode fonts and language tagging (lang="hi") rather than on‑the‑fly translation; ’s suggestion to offer a translated view can still be combined with proper Unicode fonts for reliable rendering.

Further reading: the CSS @font-face reference on MDN and Google Fonts (Devanagari collections) are good places to get compatible, Unicode Hindi fonts and examples.

Recommended Answers

All 2 Replies

Member Avatar for wilson2

You can create single site and give option to your visitors to translate the whole site in Hindi, it will save you in cost and efforts.

Member Avatar for webhosting

Oh I think thats a good advice.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.