Angular Material 2 Checkbox and Toolbar Sizing.

<!DOCTYPE html>
<html>

<head>
  <title>Angular 2 Material Plunker</title>
  <!-- Load common libraries -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/typescript/2.0.3/typescript.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/zone.js/0.6.25/zone.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>
  <!-- Load Angular Material 2 stylesheet -->
  <!-- Load Bundle from Asset Host -->
  <script src="https://plnkr-test.firebaseapp.com/components.bundle.js?sha=bbe3475"></script>
  <!-- Configure SystemJS -->
  <script src="systemjs.config.js"></script>
  <script>
    System
      .import('main.ts')
      .catch(console.error.bind(console));
  </script>
  <!-- Load the Angular Material 2 stylesheets -->
  <link href="https://unpkg.com/@angular2-material/core/style/core.css" rel="stylesheet" />
  <link href="https://unpkg.com/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet" />
  <style>
    .custom .md-checkbox-inner-container {
      height: 12px;
      width: 12px;
    }
    
    .custom .md-checkbox-label {
      line-height: 12px;
    }
    
    .custom md-toolbar {
    min-height: 14px;}
    .custom md-toolbar-row {
      font-size: 12px;
      height: 12px;
    }
  </style>
</head>

<body>
  <material-app>Loading the Angular 2 Material App...</material-app>

</body>

</html>

import {Component} from '@angular/core';
import {bootstrap} from '@angular/platform-browser-dynamic';

@Component({
  selector: 'material-app',
  templateUrl: 'app.component.html'
})
export class AppComponent {}

<md-toolbar color="primary">
  Angular Material 2 Checkbox and Toolbar Sizing
</md-toolbar>
<div>
<md-checkbox>Default Checkbox</md-checkbox></div>
<div>
  <md-checkbox style="font-size:64px">Vote ME :D</md-checkbox>
</div>
<div>
  <md-checkbox style="font-size:10px">Vote ME too :(</md-checkbox>
</div>
<p></p>
<div class="custom">
  <md-toolbar>Custom toolbar</md-toolbar>
  <md-checkbox>Custom Checkbox</md-checkbox>
</div>

/** Add Transpiler for Typescript */
System.config({
  transpiler: 'typescript',
  typescriptOptions: {
    emitDecoratorMetadata: true
  },
  packages: {
    '.': {
      defaultExtension: 'ts'
    }
  }
});
/** Add Transpiler for Typescript */
System.config({
  transpiler: 'typescript',
  typescriptOptions: {
    emitDecoratorMetadata: true
  },
  packages: {
    '.': {
      defaultExtension: 'ts'
    },
    'vendor': {
      defaultExtension: 'js'
    }
  }
});

System.config({
  map: {
    'rxjs': 'vendor/rxjs',
    'main': 'main.js',
    // Angular specific mappings.
    '@angular/core': 'vendor/@angular/core/bundles/core.umd.js',
    '@angular/common': 'vendor/@angular/common/bundles/common.umd.js',
    '@angular/compiler': 'vendor/@angular/compiler/bundles/compiler.umd.js',
    '@angular/http': 'vendor/@angular/http/bundles/http.umd.js',
    '@angular/forms': 'vendor/@angular/forms/bundles/forms.umd.js',
    '@angular/router': 'vendor/@angular/router/bundles/router.umd.js',
    '@angular/platform-browser': 'vendor/@angular/platform-browser/bundles/platform-browser.umd.js',
    '@angular/platform-browser-dynamic': 'vendor/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
  },
  packages: {
    // Thirdparty barrels.
    'rxjs': { main: 'index' },
    '@angular/material': {
      format: 'cjs',
      main: 'material.umd.js'
    }
  }
});

import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {AppComponent} from './app.component';
import {MaterialModule} from '@angular/material';

@NgModule({

  imports: [
    BrowserModule,
    MaterialModule,
  ],

  declarations: [AppComponent],
  bootstrap: [AppComponent],
  providers: []
})
export class PlunkerAppModule {}

platformBrowserDynamic().bootstrapModule(PlunkerAppModule);

Demo for [Github Matreial 2 Issue:1401](https://github.com/angular/material2/issues/1401)