How to Add Google Fonts

turner2f · November 8, 2016

Hello Paul or Tyson,

How do we add or reference Google Fonts into the top navigation menu ?

Michael · November 8, 2016

When you go to the google font directory you click add and you get a HTML code e.g:

<link href="https://fonts.googleapis.com/css?family=Shrikhand" rel="stylesheet">

It also tells you what to use in your CSS to get it working:

font-family: 'Shrikhand', cursive;

turner2f · November 8, 2016

Where do we place the HTML code within the software?

Michael · November 8, 2016

47 minutes ago, turner2f said:

Where do we place the HTML code within the software?

in the /app/views/client/template_name/structure.pdt

turner2f · November 9, 2016

** RESOLVED **

I am referencing a Google Font in the top navigation menu of the "Client" and "Admin" interfaces .

Here is an easy to use guide for beginners: https://developers.google.com/fonts/docs/getting_started

=================

STEP 1

Use the following CSS ( font-family: 'Oswald', Arial; )

place it within the application.min. css file

found within the folder at...

/support.mywebsitename.com/sub_folder/app/views/admin/default/css

and also within the style. css file

found within the folder at...

/support.mywebsitename.com/sub_folder/app/views/client/bootstrap/css

=================

STEP 2

The HTML code snippet for the Google should look like ...

<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">

Place the HTML code snippet in < header > part of the following two files

/app/views/client/bootstrap/structure.pdt file

/app/views/admin/default/structure.pdt file

Question