@font-face{font-family:'open_sansregular';src:url('opensans.eot');src:url('opensans.eot?#iefix') format('embedded-opentype'), url('opensans.woff2') format('woff2'), url('opensans.woff') format('woff'), url('opensans.ttf') format('truetype'), url('opensans.svg#open_sansregula...
font-weight: 400; src: local('Bitter-Regular'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/s9gJB935qk_YG8d-lnTdvA.woff) format('woff'); } @font-face { font-family: 'Bitter'; font-style: normal; font-weight: 700; src: local('Bitter-Bold'), url(http://themes...
@font-face { font-family: AliasName; src: local('FontName'), url('https://fonts.googleapis.com/css?family=FontName:weight') format('woff2'); font-weight: weight; } 在上述代码中,AliasName是您为字体组合定义的别名,FontName是您之前导入的Google Web字体的名称,weight是字体的粗细...
下载字体文件:可以从Google Fonts官网下载所需字体的字体文件(通常为.ttf或.woff格式),然后将字体文件上传到自己的服务器,并在CSS样式中通过@font-face规则引用字体文件。例如: 代码语言:css 复制 @font-face { font-family: 'Google Font'; src: url('path/to/font.woff') format('woff'); } 使用CDN加速...
@font-face是CSS3中的一个模块，使用 @font-face 可以自定义网页字体，即使用户的电脑没有安装某种字体...
font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206...
font-style: normal; font-weight: 400; src: local('Bitter-Regular'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/s9gJB935qk_YG8d-lnTdvA.woff) format('woff'); } @font-face { font-family: 'Bitter'; font-style: normal; ...
/* latin */@font-face{font-family:'Oswald';font-style: normal;font-weight:400;src:local('Oswald Regular'),local('Oswald-Regular'),url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2)format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02...
font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206...
As seen from the above image, the TTF and WOFF format are compatible with almost all browsers. So, make sure the font you are using on your website is of that format. If you’re on WordPress and using a font that came with your theme, you don’t have to worry about anything. ...