Fix query results font family (#17842)

Author: cheenamalhotra

src/constants/constants.ts

@@ -142,7 +142,7 @@ export const configMaxRecentConnections = 'maxRecentConnections';
 export const configCopyRemoveNewLine = 'copyRemoveNewLine';
 export const configSplitPaneSelection = 'splitPaneSelection';
 export const configShowBatchTime = 'showBatchTime';
-export const extConfigResultKeys = ['shortcuts', 'messagesDefaultOpen', 'resultsFontSize'];
+export const extConfigResultKeys = ['shortcuts', 'messagesDefaultOpen', 'resultsFontSize', 'resultsFontFamily'];
 export const sqlToolsServiceInstallDirConfigKey = 'installDir';
 export const sqlToolsServiceExecutableFilesConfigKey = 'executableFiles';
 export const sqlToolsServiceVersionConfigKey = 'version';

src/models/interfaces.ts

@@ -155,6 +155,7 @@ export interface IResultsConfig {
 	shortcuts: { [key: string]: string };
 	messagesDefaultOpen: boolean;
 	resultsFontSize: number;
+	resultsFontFamily: string;
 }
 
 export interface ILogger {

src/models/sqlOutputContentProvider.ts

@@ -36,6 +36,7 @@ class ResultsConfig implements Interfaces.IResultsConfig {
 	shortcuts: { [key: string]: string };
 	messagesDefaultOpen: boolean;
 	resultsFontSize: number;
+	resultsFontFamily: string;
 }
 
 export class SqlOutputContentProvider {

src/views/htmlcontent/src/js/components/app.component.ts

@@ -58,7 +58,8 @@ const template = `
         <div class="boxRow content horzBox slickgrid" *ngFor="let dataSet of renderedDataSets; let i = index"
             [style.max-height]="renderedDataSets.length > 1 ? dataSet.maxHeight + 'px' : 'inherit'"
             [style.min-height]="renderedDataSets.length > 1 ? dataSet.minHeight + 'px' : 'inherit'"
-            [style.font-size]="resultsFontSize + 'px'">
+            [style.font-size]="resultsFontSize + 'px'"
+			[style.font-family]="resultsFontFamily">
             <slick-grid #slickgrid id="slickgrid_{{i}}" [columnDefinitions]="dataSet.columnDefinitions"
                         [ngClass]="i === activeGrid ? 'active' : ''"
                         [dataRows]="dataSet.dataRows"
@@ -369,7 +370,8 @@ export class AppComponent implements OnInit, AfterViewChecked {
 	public complete = false;
 	private uri: string;
 	private hasRunQuery: boolean = false;
-	public resultsFontSize;
+	public resultsFontSize: number;
+	public resultsFontFamily: string;
 	@ViewChild('contextmenu') contextMenu: ContextMenu;
 	@ViewChild('messagescontextmenu') messagesContextMenu: MessagesContextMenu;
 	@ViewChildren('slickgrid') slickgrids: QueryList<SlickGrid>;
@@ -399,6 +401,7 @@ export class AppComponent implements OnInit, AfterViewChecked {
 			this.config = config;
 			self._messageActive = self.config.messagesDefaultOpen;
 			self.resultsFontSize = self.config.resultsFontSize;
+			self.resultsFontFamily = self.config.resultsFontFamily;
 			this.shortcuts.stringCodeFor('event.toggleMessagePane').then((result) => {
 				self.messageShortcut = result;
 			});