font-family设置字体上下显示

要达到的效果图

设置font-family,实现数字上下显示。

font-family: "Raleway", sans-serif;

Raleway是google 字体字体，需要引入字体样式：

@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);@charset "UTF-8";

scss:

<style lang="scss" scoped>
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);@charset "UTF-8";
 .outerWrapper{
   margin: 30px 20px;
   padding: 20px;
   border: 1px solid #ddd;
   background: #08aba6;
   h4{
     font-weight: 600;
     font-size: 2em;
     color: #fff;
     font-family: "Raleway",sans-serif;
   }
 }

显示效果: