diff --git a/src/CompositionHelper.ts b/src/CompositionHelper.ts
index 31ad866b..840bef55 100644
--- a/src/CompositionHelper.ts
+++ b/src/CompositionHelper.ts
@@ -203,6 +203,8 @@ export class CompositionHelper {
       this._compositionView.style.top = cursorTop + 'px';
       this._compositionView.style.height = cellHeight + 'px';
       this._compositionView.style.lineHeight = cellHeight + 'px';
+      this._compositionView.style.fontFamily = this._terminal.options.fontFamily;
+      this._compositionView.style.fontSize = this._terminal.options.fontSize + 'px';
       // Sync the textarea to the exact position of the composition view so the IME knows where the
       // text is.
       const compositionViewBounds = this._compositionView.getBoundingClientRect();
diff --git a/src/xterm.css b/src/xterm.css
index 24cd475f..2e47b1a1 100644
--- a/src/xterm.css
+++ b/src/xterm.css
@@ -36,7 +36,6 @@
  */
 
 .xterm {
-    font-family: courier-new, courier, monospace;
     font-feature-settings: "liga" 0;
     position: relative;
     user-select: none;