@font-face declarations don't work in Android 4.3 Internet browser?

后端 未结 6 2106
傲寒
傲寒 2020-12-13 10:54

My Samsung Galaxy S3 phone recently upgraded from Android 4.1.3 to Android 4.3. Now several websites I designed which I tested in the Android internet browser are not displ

6条回答
  •  长情又很酷
    2020-12-13 11:35

    I have the same issue here how i solve it.

    I only use svg on mobile with media queries.

    @media only screen and (max-width: 320px) {
    @font-face {
        font-family: 'open_sansbold';
        src: url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    }
    @media only screen and (max-device-width: 720px) and (orientation:portrait) {
        @font-face {
            font-family: 'open_sansbold';
            src: url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
            font-weight: normal;
            font-style: normal;
        }
    
    }
    @media only screen and (max-device-width: 1280px) and (orientation:landscape) {
        @font-face {
            font-family: 'open_sansbold';
            src: url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
            font-weight: normal;
            font-style: normal;
        }
    }
    

    Hope it's help you.

提交回复
热议问题