Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font-family: -apple-system, sans-serif;
font-size: 12px;
}
.android {
font-family: Roboto;
}
.linux {
font-size: 15px;
}
.mac {
.caption, .menu {
font-size: 13px;
}
.message-box, .status-bar {
font-size: 11px;
}
.small-caption {
font-size: 11px;
font-weight: 700;
}
}
</style>
<div class="caption">Caption</div>
<div class="icon">Icon</div>
<div class="menu">Menu</div>
<div class="message-box">Message box</div>
<div class="small-caption">Small caption</div>
<div class="status-bar">Status bar</div>
<script>
if (navigator.platform.startsWith("Mac")) {
document.querySelector("body").className = "mac";
} else if (navigator.userAgent.includes("Android")) {
document.querySelector("body").className = "android";
} else if (navigator.platform.startsWith("Linux")) {
document.querySelector("body").className = "linux";
}
</script>