mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 18:17:22 +02:00
3829a85fde
Integrates the new `FontVariationSettings` from LibGfx into LibWeb to enable initial variable font functionality. Currently, only the `wght` (weight) axis is fully supported and tested. This update also introduces support for the CSS `font-variation-settings` property.
32 lines
902 B
HTML
32 lines
902 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Variable-Font-Weight</title>
|
|
<link rel="match" href="../expected/variable-font-weight-ref.html" />
|
|
<meta name="fuzzy" content="maxDifference=0-2;totalPixels=0-4066">
|
|
<style>
|
|
@font-face {
|
|
font-family: 'Roboto Flex';
|
|
src: url(../data/variable-font-example.woff2) format('woff2');
|
|
}
|
|
|
|
body {
|
|
font-family: 'Roboto Flex', sans-serif;
|
|
font-synthesis: none;
|
|
font-synthesis-weight: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<span style="font-family: sans-serif">Sens serif</span>
|
|
Character outside <b>all unicode-ranges</b>:
|
|
|
|
<h1>Character outside all unicode-ranges:</h1>
|
|
Character outside all unicode-ranges:
|
|
|
|
<div style="font-variation-settings: 'wght' 900, 'opsz' 200;">
|
|
Hello
|
|
</div>
|
|
</body>
|
|
</html> |