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

  • 4 Contributors
  • 3 Replies
  • 126 Views
  • 2 Years Discussion Span
  • Latest Post Latest Post by bvelez352

Dani AI

Generated

Brief diagnostic and practical next steps for based on the thread: the IE-only success plus the use of a nonstandard link tag suggests two common problems — the embedding mechanism/format and the text encoding. Firefox (and other non‑IE browsers) will ignore proprietary link rel values and often require standard webfont formats or that the page text is actually Unicode. pointed toward Unicode; that is the right direction because Devanagari text needs Unicode code points for consistent cross‑browser rendering.

Make sure the page and source files are saved as UTF‑8 and declare it explicitly. Also set the document language so rendering/line breaks and input methods behave correctly:

<html lang="hi">
<head>
  <meta charset="utf-8">
</head>

body {
  font-family: "Noto Sans Devanagari", "Mangal", "Devanagari MT", serif;
}

For embedding fonts, use the standard CSS approach and serve multiple formats so every browser can pick one it supports. Provide modern formats (WOFF2/WOFF) plus a TTF/OTF fallback and EOT only if you must cover very old IE. Check the browser console and Network tab for failed font requests, CORS errors, 404s, or unsupported‑format messages — these are the fastest way to see why a font isn’t applied. Also confirm the font file actually contains Devanagari glyphs (some “Hindi” fonts like older AKRUTI/Kruti variants use legacy encodings rather than Unicode; if your text is typed in a legacy encoding you’ll need to convert the text to Unicode or keep using the legacy font but accept limited browser support).

Useful references: the CSS font rules and format guidance on MDN (@font-face) and a good set of free Unicode Devanagari fonts on Google Fonts (Noto Sans Devanagari). Also verify licensing before embedding commercial fonts.

Recommended Answers

All 3 Replies

Member Avatar for musicbox

have no idea

Member Avatar for shalinikathait

as per my knowledge I has to use UNICODE , it does not need any kind of other support

Member Avatar for bvelez352

Have you tried adding the fonts via CSS? if not, do it like this:

@font-face {
  font-family: Arial;
  font-style:   normal;
  font-weight: normal;
  src:url();
}

the only bad thing about using external fonts is that the user will have to wait until the font is downloaded before he/she can see it.

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.