HTML – Arabic Support

by

This is the answer that was required but everybody answered only part one of many.

  • Step 1 – You cannot have the multilingual characters in unicode document.. convert the document to UTF-8 document

advanced editors don’t make it simple for you… go low level…
use notepad to save the document as meName.html & change the encoding

type to UTF-8

  • Step 2 – Mention in your html page that you are going to use such characters by

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

  • Step 3 – When you put in some characters make sure your container tags have the following 2 properties set

    dir="rtl"
lang='ar'
  • Step 4 – Get the characters from some specific tool\editor or online editor like i did with Arabic-Keyboard.org

example

<p dir="rtl" lang="ar" style="color:#e0e0e0;font-size:20px;">رَبٍّ زِدْنٍي عِلمًا</p>

NOTE: font type, font family, font face setting will have no effect on special characters

More Related Contents:

  1. What character encoding should I use for a web page containing mostly Arabic text? Is utf-8 okay?
  2. Partially colored Arabic word in HTML
  3. Arabic characters from html content to pdf using iText
  4. Inserting HTML tag in the middle of Arabic word breaks word connection (cursive)
  5. Menu does not align correctly in Safari
  6. Bootstrap full-width with 2 different backgrounds (and 2 columns)
  7. How to add a browser tab icon (favicon) for a website?
  8. How can I expand floated child div’s height to parent’s height?
  9. Minimum and maximum value of z-index?
  10. Is it possible to put CSS @media rules inline?
  11. Adding HTML entities using CSS content
  12. How can I find an element by CSS class with XPath?
  13. Should I use px or rem value units in my CSS? [closed]
  14. Using flex order property to re-arrange items for desktop and mobile views
  15. Why is it a bad thing to have multiple HTML elements with the same id attribute?
  16. What characters can be used for up/down triangle (arrow without stem) for display in HTML?
  17. Is HTML case sensitive?
  18. Difference between iframe, embed and object elements
  19. Using base tag on a page that contains SVG marker elements fails to render marker
  20. Bootstrap Accordion button toggle “data-parent” not working
  21. How can I make a display:flex container expand horizontally with its wrapped contents?
  22. Align labels in form next to input
  23. CSS table-cell equal width
  24. CSS image resize percentage of itself?
  25. Using local file for Web Audio API in Javascript
  26. Fixed Header, Footer, and Sidebars with scrolling content area in center
  27. How to center an iframe horizontally?
  28. HTML5 Canvas background image
  29. HTML input field OUTSIDE of a form
  30. overflow-y:visible not working when overflow-x:hidden is present [duplicate]

Leave a Comment