# Using custom font without losing the icons?

**URL:** <https://forum.ionicframework.com/t/using-custom-font-without-losing-the-icons/93480>\
**Category:** ionic-v3\
**Created:** [June 8, 2017, 12:44pm UTC](https://forum.ionicframework.com/t/using-custom-font-without-losing-the-icons/93480 "2017-06-08T12:44:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![SannNL](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sannnl/32/110365_2.png) [@SannNL](https://forum.ionicframework.com/u/SannNL)\
**Post date:** [June 8, 2017, 12:44pm UTC](https://forum.ionicframework.com/t/using-custom-font-without-losing-the-icons/93480/1 "2017-06-08T12:44:55Z")

</div>

To get a custom font in the whole app I used:

```auto
* {
  font-family: $font;
}

```

But then when I started using ionic’s icon’s of course their font-family changed too. So here’s my problem. I want to use a different font-family all over the app except for the icons. I can’t find the default font-family that is needed for the icons. When I inspect it it just says ‘Times’ but resetting it to that won’t make the icons work.

---

<div class="post-metadata">

**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\
**Post date:** [June 8, 2017, 12:47pm UTC](https://forum.ionicframework.com/t/using-custom-font-without-losing-the-icons/93480/2 "2017-06-08T12:47:25Z")

</div>

Have you try specifying your font in variables.scss? I, for example, use Lato:

```
$font-family-md-base: "Lato";
$font-family-ios-base: "Lato";
$font-family-wp-base: "Lato";

```

P.S.: A post about how to include google font, if needed: [Custom Fonts in Ionic3](https://forum.ionicframework.com/t/custom-fonts-in-ionic3/87048)

---

<div class="post-metadata">

**Author:** ![SannNL](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sannnl/32/110365_2.png) [@SannNL](https://forum.ionicframework.com/u/SannNL)\
**Post date:** [June 8, 2017, 1:02pm UTC](https://forum.ionicframework.com/t/using-custom-font-without-losing-the-icons/93480/3 "2017-06-08T13:02:39Z")

</div>

> [@reedrichards](#):
>
> $font-family-md-base: “Lato”;  
> $font-family-ios-base: “Lato”;  
> $font-family-wp-base: “Lato”;

Ow that works thanks. I had only used: $font-family-base.  
Your solution fixed it 😃