[Carla]

Hello Sakin,
I changed the fonts to Cochin in my catch evolution site (http://www.lechampradis.com/test/), but they don’t respond on my
Samsung-android-tablet.
I tried it on Ipad, where it did show.
Could you help me with this?
Thank you very much in advance.
Carla

[Sakin]

@Carla: I see that you have added in Cochin font only for the screen size above 1000px so it will not show in your tablet. See you css in Child theme:

@media screen and (min-width: 1000px) { 
body {
font-family: Cochin, sans-serif; /* Type of Font */
font-size: 16px; /* Size of Font */
line-height: 24px; /* Line Height of Font */
}}

You need to take out font-family outside of @media screen and (min-width: 1000px) {

So, it can me like this

body { font-family: Cochin, sans-serif; /* Type of Font */ }
@media screen and (min-width: 1000px) { 
body {
font-size: 16px; /* Size of Font */
line-height: 24px; /* Line Height of Font */
}}

[Carla]

I must be doing something wrong, but it still does not show.
Would it be better to take out all the:

@media screen and (min-width: 1000px) { ?

Further more, now my tagline does not show Cochin anymore on big screen.

Could you help me again?

[Sakin]

@Carla: When you remove that media screen. You forgot to remove that closing bracket. }

For example, you have css as
#site-title {
font-size: 54px;
font-family: Cochin, sans-serif,Arial;
}}
This should be
#site-title {
font-size: 54px;
font-family: Cochin, sans-serif,Arial;
}

Another same issue:
#site-description {
font-size: 18px;
font-style: Cochin, sans-serif,Arial;
}}
This should be:
#site-description {
font-size: 18px;
font-style: Cochin, sans-serif,Arial;
}

[Carla]

I made it worse and worse, the tagline still not in Cochin, the hovercolor of site title is in blue now, and also still no fonts-respond on Android…..

[Sakin]

@Carla: Please validate your CSS in child theme. It’s not show it should work. Can you take expert help.

For example the following text. You cannot add text like that.
Child CSS Parent CSS Files

If you want to add text then it should be as:
/*Child CSS Parent CSS Files*/

Also the code why you have added the following:
ruimte tussen titel en tagline }

Sorry I will not be able to do detail review of your child theme. So, if you want to change font only. Then I suggest you to remove your child theme and just use parent theme and then use plugin to add font support. As child theme and advance css editing requires HTML,CSS and PHP knowledge.

[Author]

Posts