How to change default Travelify font?

Hey dude !!

Its me again, and for the last time, because everything is going together for the site ! I did like to know how I can can change the font of the theme ! I don’t really like the default one.

Thanks a lot and good job !

Font is defined is several places so it might be a bit tricky to change it.
For title I used Ubuntu font from Google Library. Most other is Helvetica with some exceptions.

Just to change body font you can add this to Theme Options – Other – Custom CSS

body,input,textarea,article {
	font: 14px Helvetica, sans-serif;
}

And replace font name with one you would like to use. Make sure you leave a fallback font in case first font can’t be found on visitors computer. For example I have defined it that Helvetica is the main font but if it’s not it visitors computer it will fall back to “sans-serif” which is any device you can think of.

Hi Aigars,

Just started using Travelify. Love it’s features for showing photos. Nice clean theme – thanks to all for this.

I would like to change the default font from the Font Squirrel font-family Genericons in the library and the Google Ubuntu both to Google Lato. So I want to replace all fonts with Google Lato. I see how to do this in various places in the CSS, but don’t know where to put in the main code to link to Google fonts.

Here’s my code and font stack from Google:
<link href=‘http://fonts.googleapis.com/css?family=Lato :400,300,700,300italic,400italic,700italic’ rel=‘stylesheet’ type=‘text/css’>
font-family: ‘Lato’, Helvetica, sans-serif;

I’ve added Google fonts in simpler HTML/CSS projects, but am a bit timid around php files!

Can you guide me to where to add Google font link so both Genericons and Ubuntu will be replaced by Lato.

Please give some directions on which filed I need to edit for child theme to add Google Lato as default theme… have already changed all font colors in the CSS.

Sorry to bother you over holiday time … can wait for answer :slight_smile: … guess you can see who’s sitting in front of computer not TV on holiday! Hope your Thanksgiving is great.

Thanks so much in advance for your help … haven’t made site public yet, waiting to finish details :slight_smile:

Genericons are used exclusively for icons such as social network icons. These are not regular fonts and can’t be easily replaced. You can use Font Awesome or other similar icons fonts but it will take a lot of work to replace Genericons.

It’s much easier for Ubuntu font because it is linked from Google Fonts. It is registered via second functions.php file which is located in theme folder - library - functions.

Currently font is enqueue like this:

wp_register_style( 'google_font_ubuntu', 'http://fonts.googleapis.com/css?family=Ubuntu' );

wp_enqueue_style( 'google_font_ubuntu' );

And you should replace these lines like this:

wp_register_style( 'google_font_lato', 'http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic’' );

wp_enqueue_style( 'google_font_lato' );

Now you should be able to use Lato font via style.css without any problems.

Hi!

I love the Travelify theme. How do I change the font family for the header?

Hi everyone,
I am new to this forum so I apologise if I ask some very stupid questions. I need some help with headings and titles and font sizes and colours.

To start off here is my website: yourdesignprinted.co.uk

if you see on the homepage underneath the slider it says “WHAT WE DO…” there is an odd long gap between that and the next sentence which says “we will beat any quote” and then that heading is too close to the “best price guaranteed” piece of text.

can anyone help me space It out evenly.

Secondly

if you read the text on the homepage… you will see there are some questions and answers, for example “Where are we based?” I would like to change the colour of each question to the purple so that the questions stand out. but I do not want to increase the size of the questions. I do not know how to do this.

Any help will be very very appreciated as I have been stuck on this all day.

I am using the travelify theme.

regards

Hello all,

I want to change the fonts on my site. I would like the Amatic SC font from Google Fonts.

I copies and pasted the font css in other options however I can only see the new font on my PC only. When I check using another device it shows a different font. Under the embed font in Google Fonts, it gives me a code and asks me to copy the code into the <head> of my HTML document. I have no idea where to paste this code.

Also, I would like this font only for the menu bar, sub menu/drop down menu, the theme (side bars/widget) and the page/post titles.

When I enter the code css, they all work apart from the page/title. How can I change this?

My site is www.theronakshah.com

Many thanks in advance.

Regards,

Ron

@Ron This is old topic so to help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/travelify-support/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.