Font replacement for Stylish browser extension: Use open source and personally preferred fonts

font-replacement.css

@font-face {
  font-family: 'Consolas';
  src: local('Source Code Pro'), local('SourceCodePro-Regular');
}

@font-face {
  font-family: 'Courier New';
  src: local('Source Code Pro'), local('SourceCodePro-Regular');
}

code, pre, .codeMirror {
  font-family: monospace;  
}

@font-face {
  font-family: 'Monaco';
  src: local('Source Code Pro Medium'), local('SourceCodePro-Medium');
}

@font-face {
  font-family: 'Helvetica Neue';
  src: local('Open Sans'), local('Open Sans Regular');
}

@font-face {
  font-family: 'Helvetica';
  src: local('Open Sans'), local('Open Sans Regular');
}


@font-face {
  font-family: 'Arial';
  src: local('Open Sans'), local('Open Sans Regular');
}