Change:
VSCode Version: 0.10.11 OS Version: Windows 7 64bit ! !
I think this should be a separate setting because a font that works for code might not work for reading text.
Correct me if I'm wrong, but isn't this already covered by the markdown styles setting? Result: ! Do we really need a setting to inject a default font?
good point, however enabling this setting for markdown () disables any other style being used for markdown preview. fyi this is a workaround for the problem, you could actually create a CSS file that contains the font style.
Well if we support overriding the default styles piecemeal like suggested wouldn't we end up with settings for many things? Here's a list I can think of off the top of my head: font-family font-size line-spacing background-color ... etc This non-exhaustive list would just start cluttering the configuration, perhaps the default stylesheet should be exposed so minimal tweaking can occur? Perhaps this could be solved with a command / extension to dump the default stylesheet into and add it to the styles? Then anyone can make their minimal tweaks without losing all the default styling?
And I think if we could support this for the command? That means we can add setting for the font family of previewed html?

Discussion:
], "default": "hide", "description": "%markdown.previewFrontMatter.dec%" <ins> }, "markdown.preview.fontFamily": { "type": "string", "default": "'Segoe WPC', 'Segoe UI', 'SFUIText-Light', 'HelveticaNeue-Light'", "description": "%markdown.preview.fontFamily.desc%" }, "markdown.preview.fontSize": { "type": "number", "default": 14, "description": "%markdown.preview.fontSize.desc%" }, "markdown.preview.lineHeight": { "type": "number", "default": 1.6, "description": "%markdown.preview.lineHeight.desc%" </ins> } } }

"markdown.previewSide.title" : "Open Preview to the Side", "markdown.showSource.title" : "Show Source", "markdown.styles.dec": "A list of URLs or local paths to CSS style sheets to use from the markdown preview. Relative paths are interpreted relative to the folder open in the explorer. If there is no open folder, they are interpreted relative to the location of the markdown file. All '' need to be written as ''.", <del> "markdown.previewFrontMatter.dec": "Sets how YAML front matter should be rendered in the markdown preview. 'hide' removes the front matter. Otherwise, the front matter is treated as markdown content" </del> <ins> "markdown.previewFrontMatter.dec": "Sets how YAML front matter should be rendered in the markdown preview. 'hide' removes the front matter. Otherwise, the front matter is treated as markdown content.", "markdown.preview.fontFamily.desc": "Controls the font family used in the markdown preview.", "markdown.preview.fontSize.desc": "Controls the font size in pixels used in the markdown preview.", "markdown.preview.lineHeight.desc": "Controls the line height used in the markdown preview. This number is relative to the font size." </ins> }  No newline at end of file

return []; } <ins> private getSettingsOverrideStyles(): string { const previewSettings = vscode.workspace.getConfiguration('markdown')['preview']; if (!previewSettings) { return ''; } const {fontFamily, fontSize, lineHeight} = previewSettings; return [ '<style>', 'body {', fontFamily ? `font-family: ${fontFamily};` : '', +fontSize > 0 ? `font-size: ${fontSize}px;` : '', +lineHeight > 0 ? `line-height: ${lineHeight};` : '', '}', '</style>'].join('n'); } </ins> public provideTextDocumentContent(uri: vscode.Uri): Thenable<string> { return vscode.workspace.openTextDocument(vscode.Uri.parse(uri.query)).then(document => { const scrollBeyondLastLine = vscode.workspace.getConfiguration('editor')['scrollBeyondLastLine'];

'<meta http-equiv="Content-type" content="text/html;charset=UTF-8">', `<link rel="stylesheet" type="text/css" href="${this.getMediaPath('markdown.css')}" >`, `<link rel="stylesheet" type="text/css" href="${this.getMediaPath('tomorrow.css')}" >`, <ins> this.getSettingsOverrideStyles(), </ins> this.computeCustomStyleSheetIncludes(uri), `<base href="${document.uri.toString(true)}">`, '</head>',