Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 20, 2015 at 9:10 pm #52053
    Carla
    Participant

    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

    February 21, 2015 at 12:25 am #52074
    Sakin
    Keymaster

    @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 */
}}
    February 21, 2015 at 4:56 pm #52114
    Carla
    Participant

    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?

    February 22, 2015 at 10:59 pm #52181
    Sakin
    Keymaster

    @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;
    }

    February 23, 2015 at 4:49 pm #52210
    Carla
    Participant

    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…..

    February 23, 2015 at 11:00 pm #52226
    Sakin
    Keymaster

    @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
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Changed fonts don't respond on Android’ is closed to new replies.