The ASP website displays English numbers in a Persian format

Hello, I am facing an issue with my multi-language website that supports English and Persian. I have utilized font face to showcase different fonts for the two languages. However, when I add a Persian font to the font-face, all numbers, including English ones on English pages, are displayed as Persian numbers. On the other hand, if I stick to using only an English font-face, all numbers appear in English format. What would be the best course of action in this situation?

@font-face {
  font-family: 'myNazanin';
  src: 
    local('B Nazanin'),
    url('../fonts/BNazanin.eot') format('eot'),  
    url('../fonts/BNazanin.woff') format('woff'),  
    url('../fonts/BNazanin.ttf') format('truetype');
 }
 @font-face {
   font-family: 'my New Roman';
     src: 
    local('Times New Roman'),

 }
 body{
   font-family: myNazanin,'my New Roman';
 }

Answer №1

Hooray! My Persian typography was causing issues since it wasn't web-friendly. I made the switch to a standard font and all is now running smoothly!

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What could be the reason for the compatibility issues between CSS/SASS modules and a third-party library?

I am puzzled by the fact that my sass modules do not affect the third-party component I am using, specifically react-horizontal-scrolling-menu <ScrollMenu selected={selected} scrollToSelected={true} data={items && items.map((item: any) ...

In Javascript, create a variable that dynamically updates for every child element

While this might appear to be a simple question, it has been troubling me for some time now. Let me elaborate on what I am trying to accomplish. I have a collection of images in a gallery, and my goal is to center each image vertically within its contain ...

How can the top height of a jquery dialog be reduced?

Just starting out with jquery, I've got a dialog box and I'm looking to decrease the height of this red image: https://i.sstatic.net/BuyQL.png Is there a way to do it? I've already made changes in the jquery-ui.css code, like so: .ui-dia ...

Implementing a different background image for every menu item when hovering over its parent

I am trying to figure out how to achieve this. My menu is placed in a container that is 500px high, with a background image. I would like the background image to change when hovering over a parent menu item. I believed I could do this using something like: ...

Discover the height of the card for alterations

I have been working on customizing a template from startbootstr app. The original code looks like this: <div class="row"> <div class="col-md-4 mb-5"> <div class="card h-100"> <img class="card-img-top" src="ht ...

Can Angular send a PDF to a .NetCore server?

I have a situation where I am generating a PDF using jsPDF and then attempting to send it to the .NetCore server. I convert the PDF file to a binary string on the front-end and try to reconvert it back to PDF using C#. However, when the service calls the c ...

Attempting to place a marker over the image

Feeling a bit disoriented. I'm attempting to place a marker over an image using (x,y) coordinates within the range of 0 to 256. Typically, this is achieved by creating a container like the one referenced here: However, in my scenario where I'm ...

Obscure silhouette enveloping the text enclosure

I'm a beginner in CSS and I need to create a text box like this: https://i.sstatic.net/4HQ4n.png My supervisor asked for a shadow effect around the box when clicked. How can I accomplish this? Any assistance would be greatly appreciated. ...

The method window.scrollTo() may encounter issues when used with overflow and a height set to 100vh

Suppose I have an HTML structure like this and I need to create a button for scrolling using scrollTo. However, I've come across the information that scrollTo doesn't work well with height: 100vh and overflow: auto. What would be the best way to ...

What could be causing the absence of pagination links on my website?

While attempting to adjust the width of the images, I noticed that the navigation pager below (pages 1,2,3) unexpectedly disappeared. As a CSS beginner, I'm unsure why this happened and how to resolve it. The code for the navigation is still present, ...

Tips for preventing a React component from scrolling beyond the top of the page

I am looking to achieve a specific behavior with one of my react components when a user scrolls down a page. I want the component to reach the top of the page and stay there without moving any further up. Here is an Imgur link to the 'intranet' ...

Creating multiple div elements with changing content dynamically

I am facing an issue with a div named 'red' on my website where user messages overflow the 40px length of the div. To prevent this, I want to duplicate the 'red' div every time a message is sent so that the messages stay within the boun ...

Horizontal centering using Bootstrap 4 media

How can I horizontally center a media element? Here is the code for my media: <div class="container"> <div class="row"> <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12"> <div class="media"> ...

Switch div and expand/shrink the rest

Apologies for what might seem like a trivial question, but after working for a few hours now, I'm finding it difficult to wrap my head around this. My initial instinct is to handle this by manipulating the entire div structure with JavaScript, but I c ...

Tips for Splitting Navigation Bar in HTML and CSS

I am facing an issue with my webpage's navigation bar, as I am unable to divide it into two parts - with some text on the left side and some on the right side. I attempted to use code from a specific reference: http://www.w3schools.com/css/css_navbar. ...

Endless storage unit (limitless breadth)

In this particular scenario, I am looking to prevent #blah from breaking into multiple lines - its only constraint should be max-width: 20em;. No line breaks allowed here: #container { position: absolute; width:100% } #blah { position: absolute; ...

Error: Dropdown functions correctly in standalone HTML page but fails to work within Angular component

Check out the code snippet below for a simple dropdown implementation: <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/c ...

Leveraging selenium webdriver in python for extracting data from SVG text elements

I'm currently working with Selenium WebDriver (Firefox) to extract information about college courses from a website that features course reviews. Although I've managed to successfully log into the website and access the course info page, I'm ...

Utilize the index as a supplementary identifier when crafting a Linq query

Imagine running the following C# query: var query = from b in db.SchoolTestsPerModulePerStudent where b.Student.Equals(2) select b; After executing the query, I receive all the records from my SchoolTestsPerModulePerSt ...

Creating a webpage that seamlessly scrolls and dynamically loads elements

Currently, I am working on a dynamic website that loads new elements as you scroll down the page. Here is an example of the HTML code: <div>some elements here</div> <div id="page2"></div> And this is the JavaScript code: var dis ...