html - google font is not working, lato and raleway -
i trying import font google not working properly. in local system fine when publish code , upload on server not working, using default browser font.
platform : mvc.net 4.5 | bootstrap 3.3.4 | html5 | css3
here css.
@import url(http://fonts.googleapis.com/css?family=lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic); @import url(http://fonts.googleapis.com/css?family=raleway:400,100,200,300,500,600,800,700,900); body { font-family: 'lato', sans-serif;} .banner h1{font-family: 'raleway', sans-serif;}
very it's because of mix between secured (https) , unsecured (http) protocols. removing 'http:' font address let browser make choice. try following code:
@import url(//fonts.googleapis.com/css?family=lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic); @import url(//fonts.googleapis.com/css?family=raleway:400,100,200,300,500,600,800,700,900);
Comments
Post a Comment