codecamp

Roboto 字体

Roboto 是 Material Design 使用的标准字体，MDUI 框架内置了该字体文件。

Roboto 包含 6 种不同的字体粗细：100、300、400、500、700、900，以及两种字体样式：normal、italic。


相关资源

Material Design 字体设计规范


Roboto 演示

Thin

www.mdui.org - thin 字体

Thin Italic

www.mdui.org - thin-italic 字体

Light

www.mdui.org - light 字体

Light Italic

www.mdui.org - light-italic 字体

Regular

www.mdui.org - regular 字体

Regular Italic

www.mdui.org - regular-italic 字体

Medium

www.mdui.org - medium 字体

Medium Italic

www.mdui.org - medium-italic 字体

Bold

www.mdui.org - bold 字体

Bold Italic

www.mdui.org - bold-italic 字体

Black

www.mdui.org - black 字体

Black Italic

www.mdui.org - black-italic 字体


移除 Roboto

如果你不希望使用 Roboto，使用自定义的字体覆盖掉默认字体即可。

body {
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, sans-serif;
}


颜色与主题
网格布局
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

开始使用

样式

组件

JavaScript 插件

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }