# Google font in Accelerator

**URL:** <https://forum.litium.com/t/google-font-in-accelerator/474>\
**Category:** Questions\
**Created:** [January 10, 2019, 8:38am UTC](https://forum.litium.com/t/google-font-in-accelerator/474 "2019-01-10T08:38:34Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![emmelie.strand](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.litium.com/emmelie.strand/32/120_2.png) [@emmelie.strand](https://forum.litium.com/u/emmelie.strand)\
**Post date:** [January 10, 2019, 8:38am UTC](https://forum.litium.com/t/google-font-in-accelerator/474/1 "2019-01-10T08:38:34Z")

</div>

I would like to use Open Sans from Google font in our Lititum accelerator.  
How do I do that “step-by-step”?  
#n00b #beginner

---

<div class="post-metadata">

**Author:** ![steve.redstorm](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.litium.com/steve.redstorm/32/14_2.png) [@steve.redstorm](https://forum.litium.com/u/steve.redstorm)\
**Post date:** [January 10, 2019, 8:52am UTC](https://forum.litium.com/t/google-font-in-accelerator/474/2 "2019-01-10T08:52:11Z")

</div>

Hi!  
Remember to provide your Litium version number in order to get some relevant help/guidence. 🙂

---

<div class="post-metadata">

**Author:** ![patric.forsgard](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.litium.com/patric.forsgard/32/10_2.png) [@patric.forsgard](https://forum.litium.com/u/patric.forsgard)\
**Post date:** [January 10, 2019, 9:06am UTC](https://forum.litium.com/t/google-font-in-accelerator/474/3 "2019-01-10T09:06:11Z")

</div>

If you go to [https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans](https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans) and press the “SELECT THIS FONT” button.

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/litium/original/1X/f9773880c15132246d9616d645cd47f42ed734d5.png)

Click on the black title row in the “1 Family Selected”  
 ![image](https://canada1.discourse-cdn.com/flex030/uploads/litium/original/1X/c5c29f02bc9b1afa4b5c54b9cfee1b407f92f894.png)

The dialog will open itself and provide you with the html snippet you need to add into the template.  
 ![image](https://canada1.discourse-cdn.com/flex030/uploads/litium/original/1X/b2de4f3fe6e60b473f37bbabfb81a20837dc29cf.png)  
The red should be in the head-section of the html and the green as usage in your style sheet.

---

<div class="post-metadata">

**Author:** ![emmelie.strand](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.litium.com/emmelie.strand/32/120_2.png) [@emmelie.strand](https://forum.litium.com/u/emmelie.strand)\
**Post date:** [January 10, 2019, 9:22am UTC](https://forum.litium.com/t/google-font-in-accelerator/474/4 "2019-01-10T09:22:59Z")

</div>

I see, but where ( folder and file ) can i find the head of the HTML?

---

<div class="post-metadata">

**Author:** ![patric.forsgard](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.litium.com/patric.forsgard/32/10_2.png) [@patric.forsgard](https://forum.litium.com/u/patric.forsgard)\
**Post date:** [January 10, 2019, 9:29am UTC](https://forum.litium.com/t/google-font-in-accelerator/474/5 "2019-01-10T09:29:19Z")

</div>

As @steve.redstorm mention it is hard to figure out what you have based your setup on, so the Litium and Accelerator version is needed. Also if you are using Mvc or Web Forms.

---

<div class="post-metadata">

**Author:** ![emmelie.strand](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.litium.com/emmelie.strand/32/120_2.png) [@emmelie.strand](https://forum.litium.com/u/emmelie.strand)\
**Post date:** [January 10, 2019, 12:09pm UTC](https://forum.litium.com/t/google-font-in-accelerator/474/6 "2019-01-10T12:09:56Z")

</div>

Ahh okey.  
I work with Litium 7 and accelerator version 7,0,1

---

<div class="post-metadata">

**Author:** ![patric.forsgard](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.litium.com/patric.forsgard/32/10_2.png) [@patric.forsgard](https://forum.litium.com/u/patric.forsgard)\
**Post date:** [January 10, 2019, 12:17pm UTC](https://forum.litium.com/t/google-font-in-accelerator/474/7 "2019-01-10T12:17:37Z")

</div>

If you not have checked out our guide for the frontend part I think you should do that, you will find the guide [here](https://docs.litium.com/documentation/litium-accelerators/develop/front-end).

The style-sheet-tag that should be added in the head of the site is generated from this file `Src\Litium.Accelerator.Mvc\Views\Shared\Framework\Head.cshtml`.