title: How can I change the font style inside <md-button>
body: <p>I'm using AngularJS and Material Design and one thing that is bothering me is that I can't reproduce exactly the style that is used on google's oficial website for the button tags. 
  <a href="https://material.angularjs.org/#/demo/material.components.button" rel="nofollow noreferrer">Material Deisgn Button Demo</a></p>
  
  <p>When I use a button like this:</p>
  
  <pre><code>&lt;md-button class="md-raised md-primary"&gt;Start&lt;/md-button&gt;
  &lt;md-button class="md-raised md-primary"&gt;&lt;label&gt;Start&lt;/label&gt;&lt;/md-button&gt;
  </code></pre>
  
  <p>I get something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/vtxoj.png" alt="Button IMG"></p>
  
  <p>and I was expecting to have something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/G5mFq.png" alt="enter image description here"></p>
  
  <p>which is kinda the same code that I wrote according to the <em>source code</em> provided on their website</p>
  
  <pre><code>&lt;md-button class="md-raised md-primary"&gt;Primary&lt;/md-button&gt;
  </code></pre>
  
  <p>I have tried using <code>&lt;b&gt;&lt;/b&gt;</code> tags instead of the label but the result is similar, some letters doesn't fit very well... Is there something I am missing to fix this font issue?</p>
  
  <p>Edit: Example of one of my codes.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>(function() {
    angular
      .module("demoApp", [
        "ngMaterial",
        "app.config",
        "app.controller"
      ]);
  
  })();</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.md-button {
    min-width: 10em;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype HTML&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;link rel="stylesheet" href="../bootstrap/bootstrap.css"&gt;
    &lt;link rel="stylesheet" href="../material/angular-material.css"&gt;
    &lt;link rel="stylesheet" href="style/style.css"&gt;
  &lt;/head&gt;
  
  &lt;body ng-app="demoApp"&gt;
    &lt;div layout="column" style="padding-bottom: 20px;"&gt;
      &lt;md-toolbar layout="row"&gt;
        &lt;h1 class="Title"&gt;Ten plus ten is {{10+10}}!&lt;/h1&gt;
      &lt;/md-toolbar&gt;
    &lt;/div&gt;
    &lt;div layout="row"&gt;
      &lt;div&gt;
      &lt;/div&gt;
      &lt;div layout="column"&gt;
        &lt;div layout="row"&gt;
          &lt;div flex="25" flex-sm="0" flex-md="0"&gt;&lt;/div&gt;
          &lt;div flex class="md-whiteframe-z1" layout="column" style="margin-bottom: 15px;"&gt;
            &lt;md-toolbar class="md-primary"&gt;
              &lt;div class="md-toolbar-tools"&gt;
                &lt;span class="md-flex"&gt;Parameters&lt;/span&gt;
              &lt;/div&gt;
            &lt;/md-toolbar&gt;
            &lt;md-content class="md-padding"&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, ne quod novum mei. Sea omnium invenire mediocrem at, in lobortis conclusionemque nam. Ne deleniti appetere reprimique pro, inani labitur disputationi te sed. At vix sale omnesque, id pro labitur reformidans accommodare,
                cum labores honestatis eu. Nec quem lucilius in, eam praesent reformidans no. Sed laudem aliquam ne.
              &lt;/p&gt;
              &lt;p&gt;
                Facete delenit argumentum cum at. Pro rebum nostrum contentiones ad. Mel exerci tritani maiorum at, mea te audire phaedrum, mel et nibh aliquam. Malis causae equidem vel eu. Noster melius vis ea, duis alterum oporteat ea sea. Per cu vide munere fierent.
              &lt;/p&gt;
  
              &lt;div&gt;
                &lt;div layout="column" ng-controller="ParametersController as params"&gt;
                  &lt;md-content class="md-padding"&gt;
                    &lt;div layout layout-sm="column"&gt;
                      &lt;md-input-container flex&gt;
                        &lt;label&gt;Parameter 1&lt;/label&gt;
                        &lt;input ng-model="params.param1" placeholder="placehold text"&gt;
                      &lt;/md-input-container&gt;
                      &lt;md-input-container flex&gt;
                        &lt;label&gt;Parameter 2&lt;/label&gt;
                        &lt;input ng-model="params.param2" placeholder="placehold text"&gt;
                      &lt;/md-input-container&gt;
                    &lt;/div&gt;
                    &lt;div layout layout-sm="column"&gt;
                      &lt;md-input-container flex&gt;
                        &lt;label&gt;Parameter 3&lt;/label&gt;
                        &lt;input ng-model="params.param3" placeholder="placehold text"&gt;
                      &lt;/md-input-container&gt;
                      &lt;md-input-container flex&gt;
                        &lt;label&gt;Parameter 4&lt;/label&gt;
                        &lt;input ng-model="params.param4" placeholder="placehold text"&gt;
                      &lt;/md-input-container&gt;
                    &lt;/div&gt;
                  &lt;/md-content&gt;
                &lt;/div&gt;
  
                &lt;div layout="row" layout-align="end center"&gt;
                  &lt;div&gt;&lt;/div&gt;
                  &lt;md-button class="md-raised md-primary" ng-click="sendParameters()"&gt;Primary&lt;/md-button&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  
            &lt;/md-content&gt;
          &lt;/div&gt;
          &lt;div flex="25" flex-sm="0" flex-md="0"&gt;&lt;/div&gt;
        &lt;/div&gt;
  
        &lt;div layout="row"&gt;
          &lt;div flex="25" flex-sm="0" flex-md="0"&gt;&lt;/div&gt;
          &lt;div flex class="md-whiteframe-z1" layout="column" style="margin-bottom: 15px;"&gt;
            &lt;md-toolbar class="md-primary"&gt;
              &lt;div class="md-toolbar-tools"&gt;
                &lt;span class="md-flex"&gt;Algorithm&lt;/span&gt;
              &lt;/div&gt;
            &lt;/md-toolbar&gt;
            &lt;md-content class="md-padding"&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, ne quod novum mei. Sea omnium invenire mediocrem at, in lobortis conclusionemque nam. Ne deleniti appetere reprimique pro, inani labitur disputationi te sed. At vix sale omnesque, id pro labitur reformidans accommodare,
                cum labores honestatis eu. Nec quem lucilius in, eam praesent reformidans no. Sed laudem aliquam ne.
              &lt;/p&gt;
              &lt;p&gt;
                Facete delenit argumentum cum at. Pro rebum nostrum contentiones ad. Mel exerci tritani maiorum at, mea te audire phaedrum, mel et nibh aliquam. Malis causae equidem vel eu. Noster melius vis ea, duis alterum oporteat ea sea. Per cu vide munere fierent.
              &lt;/p&gt;
            &lt;/md-content&gt;
          &lt;/div&gt;
  
          &lt;div flex="25" flex-sm="0" flex-md="0"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div layout="row"&gt;
          &lt;div flex="25" flex-sm="0" flex-md="0"&gt;&lt;/div&gt;
          &lt;div flex class="md-whiteframe-z1" layout="column" style="margin-bottom: 15px;"&gt;
            &lt;md-toolbar class="md-accent"&gt;
              &lt;div class="md-toolbar-tools"&gt;
                &lt;span class="md-flex"&gt;Video&lt;/span&gt;
              &lt;/div&gt;
            &lt;/md-toolbar&gt;
            &lt;md-content class="md-padding"&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, ne quod novum mei. Sea omnium invenire mediocrem at, in lobortis conclusionemque nam. Ne deleniti appetere reprimique pro, inani labitur disputationi te sed. At vix sale omnesque, id pro labitur reformidans accommodare,
                cum labores honestatis eu. Nec quem lucilius in, eam praesent reformidans no. Sed laudem aliquam ne.
              &lt;/p&gt;
              &lt;p&gt;
                Facete delenit argumentum cum at. Pro rebum nostrum contentiones ad. Mel exerci tritani maiorum at, mea te audire phaedrum, mel et nibh aliquam. Malis causae equidem vel eu. Noster melius vis ea, duis alterum oporteat ea sea. Per cu vide munere fierent.
              &lt;/p&gt;
  
            &lt;/md-content&gt;
          &lt;/div&gt;
          &lt;div flex="25" flex-sm="0" flex-md="0"&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;!-- Angular Material Dependencies --&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-route.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/angular_material/0.7.1/angular-material.min.js"&gt;&lt;/script&gt;
  
    &lt;script src="app.module.js"&gt;&lt;/script&gt;
    &lt;script src="app.config.js"&gt;&lt;/script&gt;
    &lt;script src="app.contoller.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>