Docs

[gentlemd]

Hi There,
I have several Probs with Fonts.

1. I can´t use different font-weights in Headlines … even if I imported the font weights within the global css. So I cannot combine a weight 100 for H1 with a weight of 600 in H2.

2. I can´t use different font-types in one page. Example you´ll find here: http://dw.cape-cocktails.de/startup-finanzierung/ The Headline “Achtung Förderungen” an the angled text should be the google Reeny Beeny Font. And yes, this is also imported in the global css file.

Please advice,
Daniel

[Christian]

Hey Daniel,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[gentlemd]

This reply has been marked as private.

[gentlemd]

This reply has been marked as private.

[Paul R]

Hi Daniel,

Thank you for providing your login credentials.

1. I can see you are using custom fonts Nimbus Sans, Please make sure you have added all font weights. I checked and only 400 and 700 is added

http://screencast.com/t/tMXWu1Rokp

2. Since the font name is in two words(Reenie Beanie), you need to add a quotes(‘Reenie Beanie’).

I change this font-family: Reenie Beanie!important; to this font-family: 'Reenie Beanie', cursive !important;

Hope that helps.

[gentlemd]

Hi There,
and sorry but “no”, this does not work. Please visit the Website:http://dw.cape-cocktails.de/startup-finanzierung/ and you will see, that the Headline “Achtung Förderungen” has indeed slightly changed, but as you may find out, this font has nothing to do with the Reenie Beanie Font.

AND my first mentioned bug has not been answered so far. To both we need your advice asap….

Thanks in advance,
Daniel

[Lely]

Hello Daniel,

Please move the following font declaration on your child theme style.css instead at the very top:

@import url('http://fonts.googleapis.com/css?family=Reenie+Beanie');
@import url('http://fonts.googleapis.com/css?family=Lato:100,200,300,600,900');
@import url('http://fonts.googleapis.com/css?family=Fira+Sans:500italic,400italic');
@import url('http://fonts.googleapis.com/css?family=Dosis:600');

I made some test and the import is not working when it is added on the customizer.

NOTE: The @import line of code should be the very first line in your CSS file.. After comments.
So this might be the issue for both queries. The @import is not working on the customizer that’s why different font-weight is not working yet.

Hope this helps.

[Author]

Posts