Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html>
<head>
<title>Font Inflation</title>
<meta charset="utf-8"/>
<style>
@font-face {
font-family: "dtls-1";
src: url(dtls-1.otf);
}
p, math {
font-family: serif;
}
</style>
</head>
<body>
<p>The text
'<math>
<mrow id="ref">
<mtext style="font-family: dtls-1">𝔞</mtext>
<mtext>+</mtext>
</mrow>
</math>'
should have the same size as inline math
'<math>
<mrow id="inline">
<mtext style="font-family: dtls-1">𝔞<!-- MATHEMATICAL FRAKTUR SMALL A--></mtext>
<mo>+</mo>
</mrow>
</math>'
or math in a table: '<math><mtable><mtr>
<mtd>
<mrow id="cell">
<mtext style="font-family: dtls-1">𝔞<!-- MATHEMATICAL FRAKTUR SMALL A--></mtext>
<mo>+</mo>
</mrow>
</mtd>
</mtr></mtable></math>'
(but not necessarily the same size as block-level math
<math display="block">
<mrow id="display">
<mtext style="font-family: dtls-1">𝔞<!-- MATHEMATICAL FRAKTUR SMALL A--></mtext>
<mo>+</mo>
</mrow>
</math>
because it forms a BFC and hence is its own inflation container.)
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor
sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit
amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</body>
</html>