How to display noori nastleeq fonts in ionic list


#1

dear all,
i am creating an app in ionic 3, i want to use noori nastaleeq fonts in ion list. is this possible? or i have to create images for the ionic list items and then use those images.

thanks


#2

Hello,
if this is a font like *.woff etc. then put it in a *scss, maybe app.scss, like

@font-face {
  font-family: 'Archistico';
  src:  url('../assets/fonts/Archistico-Bold.woff') format('woff');
   font-weight: bold;
}

Best regards, anna-liebt


#3

thank you very much.
i will try to share the exact code when i open my laptop.

thanks a lot.


#4

Hi,
download NooriNastaleeq fonts from the following location
[http://www.urdujahan.com/font.html](http://jameel Noori Nastaleeq Fonts)

copy the downloaded fonts into /assets/JameelNooriNastaleeq/ folder.

add the following lines in src/themes/variables.scss

$font-path: "../assets/fonts";
@font-face {
  font-family: 'JameelNooriNastaleeq';
  src:url('../assets/JameelNooriNastaleeq/JameelNooriNastaleeq.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
 }
 $font-family-base: "JameelNooriNastaleeq";
 $font-family-ios-base: $font-family-base;
 $font-family-md-base: $font-family-base;
 $font-family-wp-base: $font-family-base;

that should work.

thanks again for the guidance.