izackp/webterm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix terminal font fallback

Browse Source
This commit is contained in:
GitHub Copilot
2026-01-22 00:34:11 +00:00
parent a0e31d43fd
commit 20d33a97f8
3 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pyproject.toml
+1
View File
@@ -6,6 +6,7 @@ authors = ["Will McGugan <will@textualize.io>"]
license = "MIT" license = "MIT"
readme = "README.md" readme = "README.md"
packages = [{include = "textual_webterm", from = "src"}] packages = [{include = "textual_webterm", from = "src"}]
include = [{ path = "src/textual_webterm/static/monospace.css" }]
[tool.poetry.dependencies] [tool.poetry.dependencies]
python = "^3.9" python = "^3.9"
src/textual_webterm/local_server.py
+3 -1
View File
@@ -590,10 +590,12 @@ class LocalServer:
<script src=\"/static/js/textual.js\"></script> <script src=\"/static/js/textual.js\"></script>
<style> <style>
body {{ background: #000; margin: 0; padding: 0; }} body {{ background: #000; margin: 0; padding: 0; }}
/* textual-serve relies on injected sizing CSS; make it explicit so layout works even if JS/CSS fail */
.textual-terminal {{ width: 100vw; height: 100vh; }}
</style> </style>
</head> </head>
<body> <body>
<div class=\"textual-terminal\" data-session-websocket-url={ws_url!r} data-font-size=\"16\"></div> <div id=\"terminal\" class=\"textual-terminal\" data-session-websocket-url=\"{ws_url}\" data-font-size=\"16\"></div>
</body> </body>
</html>""" </html>"""
return web.Response(text=html_content, content_type="text/html") return web.Response(text=html_content, content_type="text/html")
src/textual_webterm/static/monospace.css
+13 -2
View File
@@ -14,6 +14,17 @@ body {
font-family: var(--textual-webterm-mono); font-family: var(--textual-webterm-mono);
} }
.xterm { /*
font-family: var(--textual-webterm-mono); textual_serve's bundled textual.js hard-codes xterm's Terminal fontFamily:
"'Roboto Mono', Monaco, 'Courier New', monospace".
If Roboto Mono isn't available, it falls back to Courier and looks wrong.
We override that here with higher specificity + !important.
*/
.textual-terminal .xterm,
.textual-terminal .xterm .xterm-rows,
.textual-terminal .xterm .xterm-helper-textarea,
.textual-terminal .xterm .xterm-viewport,
.textual-terminal .xterm .xterm-screen {
font-family: var(--textual-webterm-mono) !important;
} }