diff --git a/src/components/Ayah/index.js b/src/components/Ayah/index.js index d6d6a4fdd..980cd1ccd 100644 --- a/src/components/Ayah/index.js +++ b/src/components/Ayah/index.js @@ -67,7 +67,8 @@ export default class Ayah extends Component { return array.map((content, index) => { const arabic = new RegExp(/[\u0600-\u06FF]/); const character = content.text; - const isArabic = arabic.test(character); + const isArabic = arabic.test(character); + const lang = (content.name || content.resource.name).replace(/\s+/g, '-').toLowerCase(); return (

{content.name || content.resource.name}

- +

); diff --git a/src/components/Ayah/style.scss b/src/components/Ayah/style.scss index 3e78a693f..652fa21f9 100644 --- a/src/components/Ayah/style.scss +++ b/src/components/Ayah/style.scss @@ -135,10 +135,16 @@ color: $light-green; margin-bottom: 5px; } + h2{ margin-top: 5px; margin-bottom: 25px; } + + .urdu, .punjabi{ + direction: rtl; + font-family: 'Nafees'; + } } .word_font{ diff --git a/src/styles/fonts/_fonts.scss b/src/styles/fonts/_fonts.scss index 5a4795d2f..3bdf88cb2 100644 --- a/src/styles/fonts/_fonts.scss +++ b/src/styles/fonts/_fonts.scss @@ -48,6 +48,18 @@ font-style: normal; } +@font-face { + font-family: 'Nafees'; + src: url('../../static/fonts/nafees/nafees-nastaleeq-webfont.eot?#iefix') format('embedded-opentype'), + url('../../static/fonts/nafees/nafees-nastaleeq-webfont.woff') format('woff'), + url('../../static/fonts/nafees/nafees-nastaleeq-webfont.ttf') format('truetype'), + url('../../static/fonts/nafees/nafees-nastaleeq-webfont.svg#NafeesRegular') format('svg'); + font-weight: normal; + font-style: normal; +} + + + /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"]{-ms-zoom: 1;} diff --git a/static/fonts/nafees/nafees-nastaleeq-webfont.eot b/static/fonts/nafees/nafees-nastaleeq-webfont.eot new file mode 100644 index 000000000..94001ba6e Binary files /dev/null and b/static/fonts/nafees/nafees-nastaleeq-webfont.eot differ diff --git a/static/fonts/nafees/nafees-nastaleeq-webfont.svg b/static/fonts/nafees/nafees-nastaleeq-webfont.svg new file mode 100644 index 000000000..fbee1f9f6 --- /dev/null +++ b/static/fonts/nafees/nafees-nastaleeq-webfont.svg @@ -0,0 +1,1036 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Copyright c wwwcrulporg 2003 All rights reserved +Designer : Mr JamilurRehman +Foundry : Center For Research in Urdu Language Processing CRULP +Foundry URL : wwwcrulporg + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/nafees/nafees-nastaleeq-webfont.ttf b/static/fonts/nafees/nafees-nastaleeq-webfont.ttf new file mode 100644 index 000000000..d87cd0700 Binary files /dev/null and b/static/fonts/nafees/nafees-nastaleeq-webfont.ttf differ diff --git a/static/fonts/nafees/nafees-nastaleeq-webfont.woff b/static/fonts/nafees/nafees-nastaleeq-webfont.woff new file mode 100644 index 000000000..f9f850708 Binary files /dev/null and b/static/fonts/nafees/nafees-nastaleeq-webfont.woff differ