harfbuzz.rml 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <rml>
  2. <head>
  3. <title>Text Shaping Demo</title>
  4. <link type="text/template" href="../../../assets/window.rml" />
  5. <style>
  6. body
  7. {
  8. width: 600px;
  9. height: 500px;
  10. font-family: LatoLatin;
  11. margin: auto;
  12. font-size: 22px;
  13. }
  14. div#title_bar div#icon
  15. {
  16. display: none;
  17. }
  18. div#content
  19. {
  20. text-align: left;
  21. }
  22. [lang=en]
  23. {
  24. font-family: LatoLatin;
  25. }
  26. [lang=ar]
  27. {
  28. font-family: Cairo;
  29. }
  30. [lang=hi]
  31. {
  32. font-family: Poppins;
  33. }
  34. p.lorem-ipsum[dir=ltr]
  35. {
  36. text-align: left;
  37. }
  38. p.lorem-ipsum[dir=rtl]
  39. {
  40. text-align: right;
  41. }
  42. p.hide-lorem-ipsum
  43. {
  44. display: none;
  45. }
  46. </style>
  47. </head>
  48. <body template="window">
  49. <div>
  50. <button id="set-english" lang="en">English</button>
  51. <button id="set-arabic" lang="ar">اَلْعَرَبِيَّةُ</button>
  52. <button id="set-hindi" lang="hi">हिन्दी</button>
  53. </div>
  54. <p id="lorem-ipsum-en" class="lorem-ipsum" lang="en" dir="ltr">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Urna neque viverra justo nec ultrices dui sapien eget mi. Risus quis varius quam quisque id. Amet est placerat in egestas erat imperdiet. Velit egestas dui id ornare arcu odio ut sem. Aliquet porttitor lacus luctus accumsan tortor posuere. Et malesuada fames ac turpis egestas integer eget. Enim nunc faucibus a pellentesque sit amet porttitor eget. Nunc pulvinar sapien et ligula. Sit amet mattis vulputate enim nulla aliquet porttitor lacus luctus. Dolor sit amet consectetur adipiscing. Congue eu consequat ac felis donec et odio pellentesque. Nunc non blandit massa enim nec dui nunc mattis.</p>
  55. <p id="lorem-ipsum-ar" class="lorem-ipsum hide-lorem-ipsum" lang="ar" dir="rtl">هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها. ولذلك يتم استخدام طريقة لوريم إيبسوم لأنها تعطي توزيعاَ طبيعياَ -إلى حد ما- للأحرف عوضاً عن استخدام "هنا يوجد محتوى نصي، هنا يوجد محتوى نصي" فتجعلها تبدو (أي الأحرف) وكأنها نص مقروء. العديد من برامح النشر المكتبي وبرامح تحرير صفحات الويب تستخدم لوريم إيبسوم بشكل إفتراضي كنموذج عن النص، وإذا قمت بإدخال "muspi merol" في أي محرك بحث ستظهر العديد من المواقع الحديثة العهد في نتائج البحث. على مدى السنين ظهرت نسخ جديدة ومختلفة من نص لوريم إيبسوم، أحياناً عن طريق الصدفة، وأحياناً عن عمد كإدخال بعض العبارات الفكاهية إليها.</p>
  56. <p id="lorem-ipsum-hi" class="lorem-ipsum hide-lorem-ipsum" lang="hi" dir="ltr">यह एक लंबा स्थापित तथ्य है कि जब एक पाठक एक पृष्ठ के खाखे को देखेगा तो पठनीय सामग्री से विचलित हो जाएगा. Lorem Ipsum का उपयोग करने का मुद्दा यह है कि इसमें एक और अधिक या कम अक्षरों का सामान्य वितरण किया गया है, 'Content here, content here' प्रयोग करने की जगह इसे पठनीय English के रूप में प्रयोग किया जाये. अब कई डेस्कटॉप प्रकाशन संकुल और वेब पेज संपादक उनके डिफ़ॉल्ट मॉडल पाठ के रूप में Lorem Ipsum उपयोग करते हैं, और अब "Lorem Ipsum" के लिए खोज अपने शैशव में कई वेब साइटों को उजागर करती है. इसके विभिन्न संस्करणों का वर्षों में विकास हुआ है, कभी दुर्घटना से, तो कभी प्रयोजन पर (हास्य और लगाव डालने के लिए).</p>
  57. </body>
  58. </rml>