Public Forums 71,145 posts

[cherryred Friend cherryredJoin date: September 2011Posts: 37Downloads:7Uploads:6 Thanks: 4]

#932666

I am trying to use two google fonts on my site, raleway and dancing script.
I have followed your helpful video tutorial (thank you!)

I have added to assets.xml the following

http://fonts.googleapis.com/css?family=Raleway:200‘
http://fonts.googleapis.com/css?family=Dancing+Script‘

I have edited a line in variables.less as follows
@font-family-sans-serif: "Raleway", Helvetica, Arial, sans-serif;

And the font raleway now display correctly for my site. So far so good!

I want the my masthead slogan text to display in ‘dancing script’ font.
So I go to my site, right click on the slogan and ‘inspect element’ and see I need to edit the file bootstrap.css at line 5212 (to do with jumbotron paragraph style, I don’t know how to describe)

I insert the code
font-family: ‘Dancing Script’, cursive;
and my website displays a cursive font – but not dancing script.

Also, if I recompile the template style, then my changes to bootstrap.css disappear again.

Please may I have any suggestion how do I
1) Display font dancing script for ‘masthead slogan’ text?
2) Not lose any changes that I make?

Thank you in advance

[cherryred Friend cherryredJoin date: September 2011Posts: 37Downloads:7Uploads:6 Thanks: 4]

#932728

I think I have discovered my mistake – I left a trailing ‘ after each line of code that I added to the assets.xml file, as you can see in my original post above.

Have altered the correct css files for my styling to show.

I think though that each time I compile "less to css" when styling my menu I will lose the custom changes that I have made to the css? Not a problem, I just need to keep a careful record of what code to add after final compilation, I guess

[Author]

Posts