diff --git a/CHANGELOG-GRAVITYPDF.md b/CHANGELOG-GRAVITYPDF.md
index c31d56d83..4e4d5967c 100644
--- a/CHANGELOG-GRAVITYPDF.md
+++ b/CHANGELOG-GRAVITYPDF.md
@@ -177,10 +177,10 @@ Bugfixes
   * `border-color: rgb(255, 0, 0)` or `cmyk(0, 100, 0, 0)`, with spaces after the commas, drew black.
 * A declaration mPDF cannot read replaced the value before it. A `calc()`, `min()`, `max()`, `clamp()` or `var()` length became 0, so `margin: calc(…)` removed the default margins, and a colour mPDF does not know, or one written with `var()`, drew the text black. Such a declaration is now dropped, as a browser drops it, so the earlier declaration, the default or the inherited value applies. [#552] [#565]
 * `vw`, `vh`, `vmin`, `vmax`, `Q` and `ch` were read as pixels, `+5mm` and `1e+1mm` as 0, and `1,5mm` as 1mm. The units are now resolved against the page and the font size, the numbers are read, and `1,5mm` is dropped. [#552] [#565]
-* `line-height: 0` gave lines a normal height. Lines now have no height, as in a browser. A line height well below the font size, such as `0.5` or `1mm`, was stretched down to the baseline; it is now kept. A negative `line-height`, which shrank lines to odd heights, is now ignored. [#552] [#567]
+* `line-height: 0` gave lines a normal height. Lines now have no height, as in a browser. A line height well below the font size, such as `0.5` or `1mm`, was stretched down to the baseline; it is now kept. A negative `line-height`, which shrank lines to odd heights, is now ignored. Set `'cssMode' => \Mpdf\CssMode::LEGACY` to keep the old reading of all three. [#552] [#567] [#643]
 * The rule after an `@supports`, `@layer`, `@keyframes`, `@container` or other block at-rule was lost, and so were the rules inside `@supports` and `@layer`. The rule after `@charset`, `@namespace` or `@import` was lost too. `@supports` and `@layer` blocks are now unwrapped as `@media` blocks are, except `@supports not`, and other at-rules are removed whole. [#524] [#566]
-* `@media` was matched by looking for the word `print`, so `@media not print` applied, `orientation` was ignored and `min-width` never matched. Media queries are now evaluated for the print medium against the page current when the stylesheet is read: media types with `not` and `only`; `and`, `or` and `not` conditions; and `width`, `height` and `orientation`, with `min-`/`max-` prefixes and range syntax such as `(width >= 600px)`. An A4 page is about 794px wide, so `@media (min-width: 768px)` rules now apply to it. [#552] [#575]
-* `@import` ignored its media list, and did not load a URL that does not end in `.css`, such as a Google Fonts stylesheet. [#552] [#575]
+* `@media` was matched by looking for the word `print`, so `@media not print` applied, `orientation` was ignored and `min-width` never matched. Media queries are now evaluated for the print medium against the page current when the stylesheet is read: media types with `not` and `only`; `and`, `or` and `not` conditions; and `width`, `height` and `orientation`, with `min-`/`max-` prefixes and range syntax such as `(width >= 600px)`. An A4 page is about 794px wide, so `@media (min-width: 768px)` rules now apply to it. Set `'cssMode' => \Mpdf\CssMode::LEGACY` to keep matching by the word `print` or `all`. [#552] [#575] [#643]
+* `@import` ignored its media list, and did not load a URL that does not end in `.css`, such as a Google Fonts stylesheet. Legacy mode loads them as before, except that in either mode an `@import` is read only from `<style>` blocks and stylesheets, not from the body text. [#552] [#575] [#643]
 * A brace, semicolon or comment marker inside a quoted string, an unquoted `url()` or an escape broke the stylesheet around it. `q { quotes: "}" }` lost the rule after it, `font-family: 'a;color:red'` set the colour, a `/*` in one string and a `*/` in a later one removed every rule between them, and `@import url(…?family=Inter:wght@300;400)` lost the rule after it. A rule or at-rule nested in a block, as CSS nesting writes them, lost the rest of the block and the rule after it. Stylesheets are now split by a tokenizer that reads strings, `url()`, escapes and comments as CSS does, in either `cssMode`. A rule or at-rule nested in a block is left out, and the declarations after it apply. [#536] [#635]
   * A string left open ends at the line break, as in CSS. A block or comment left open ends with its `<style>` or stylesheet file instead of running into the next one.
   * A byte order mark at the start of a stylesheet, as `WriteHTML(file_get_contents('style.css'), HTMLParserMode::HEADER_CSS)` passes one on, no longer spoils the first rule.
@@ -868,4 +868,5 @@ These changes do not change output.
 [#638]: https://github.com/GravityPDF/mpdf/pull/638
 [#639]: https://github.com/GravityPDF/mpdf/pull/639
 [#641]: https://github.com/GravityPDF/mpdf/pull/641
+[#643]: https://github.com/GravityPDF/mpdf/pull/643
 [#642]: https://github.com/GravityPDF/mpdf/pull/642
diff --git a/src/Css/CssLoader.php b/src/Css/CssLoader.php
index d58dce9e4..c172da41b 100644
--- a/src/Css/CssLoader.php
+++ b/src/Css/CssLoader.php
@@ -4,6 +4,7 @@
 
 use Mpdf\AssetFetcher;
 use Mpdf\Cache;
+use Mpdf\CssMode;
 use Mpdf\Exception\AssetFetchingException;
 use Mpdf\Mpdf;
 use Mpdf\MpdfException;
@@ -99,27 +100,37 @@ public function extractExternalStylesheetUrls($html)
 		}
 
 		preg_match_all('/<style.*?>(.*?)<\/style>/si', $html, $styles);
-		foreach ($styles[1] as $css) {
-			$cssUrls = array_merge($cssUrls, $this->extractImportUrls($css));
-		}
 
-		return $cssUrls;
+		return array_merge($cssUrls, $this->extractImportUrls($styles[1], true));
 	}
 
 	/**
-	 * The URLs the @import rules in $css load, less those whose media query list does not match
+	 * The URLs the @import rules in the stylesheets load, less those whose media query list does not match
 	 *
-	 * Only an @import among the stylesheet's own rules is read, not one in a comment, a string or a block. A layer()
+	 * Only an @import among a stylesheet's own rules is read, not one in a comment, a string or a block. A layer()
 	 * before the media query list is ignored. A supports() condition is taken to pass, as the rules in an @supports
 	 * block are unwrapped, so one that starts with not fails.
 	 *
-	 * @param string $css
+	 * @param string[] $stylesheets
+	 * @param bool $inHtml Whether the stylesheets are the document's <style> blocks rather than one it loads, which
+	 *                     only legacy mode reads
 	 * @return string[]
 	 */
-	private function extractImportUrls($css)
+	private function extractImportUrls(array $stylesheets, $inHtml)
 	{
-		if (stripos($css, '@import') === false) {
-			return [];
+		$preludes = [];
+		foreach ($stylesheets as $css) {
+			if (stripos($css, '@import') !== false) {
+				foreach ($this->tokenizer->rules($this->tokenizer->removeComments($css)) as $rule) {
+					if ($rule[0] === 'import' && $rule[2] === null) {
+						$preludes[] = $rule[1];
+					}
+				}
+			}
+		}
+
+		if ($this->mpdf->cssMode === CssMode::LEGACY) {
+			return $this->legacyImportUrls($preludes, $inHtml);
 		}
 
 		$url = '(?|url\(\s*"([^"]*)"\s*\)|url\(\s*\'([^\']*)\'\s*\)|url\(\s*([^\s"\')]*)\s*\)|"([^"]*)"|\'([^\']*)\')';
@@ -128,9 +139,8 @@ private function extractImportUrls($css)
 		$pattern = '/^' . $url . $layer . $supports . '(.*)$/is';
 
 		$urls = [];
-		foreach ($this->tokenizer->rules($this->tokenizer->removeComments($css)) as $rule) {
-			if ($rule[0] === 'import' && $rule[2] === null
-				&& preg_match($pattern, $rule[1], $import)
+		foreach ($preludes as $prelude) {
+			if (preg_match($pattern, $prelude, $import)
 				&& $import[1] !== '' && $import[2] === '' && $this->mediaQueryProcessor->matches($import[3])
 			) {
 				$urls[] = $import[1];
@@ -140,6 +150,29 @@ private function extractImportUrls($css)
 		return $urls;
 	}
 
+	/**
+	 * The URLs @import rules load in cssMode legacy, as mPDF v7 read them: any URL of a .css file, whatever follows
+	 * it. Those in url() come first, then, in <style> blocks only, those written as strings
+	 *
+	 * @param string[] $preludes
+	 * @param bool $inHtml
+	 * @return string[]
+	 */
+	private function legacyImportUrls(array $preludes, $inHtml)
+	{
+		$urls = [];
+		$strings = [];
+		foreach ($preludes as $prelude) {
+			if (preg_match('/^url\([\'"]?(\S*?\.css(\?[^\s\'"]+)?)[\'"]?\)/i', $prelude, $m)) {
+				$urls[] = $m[1];
+			} elseif ($inHtml && preg_match('/^(?!url)[\'"]?(\S*?\.css(\?[^\s\'"]+)?)/i', $prelude, $m)) {
+				$strings[] = $m[1];
+			}
+		}
+
+		return array_merge($urls, $strings);
+	}
+
 	/**
 	 * Locate embedded @import stylesheets in other stylesheets and fix url paths
 	 * (including background-images) relative to stylesheet
@@ -153,7 +186,7 @@ private function extractImportUrls($css)
 	public function processExternalCssImports($stylesheetCss, $path, &$externalCss, &$externalCssCount)
 	{
 		$cssBasePath = preg_replace('/\/[^\/]*$/', '', $path) . '/';
-		foreach ($this->extractImportUrls($stylesheetCss) as $cxtembedded) {
+		foreach ($this->extractImportUrls([$stylesheetCss], false) as $cxtembedded) {
 			// path is relative to original stylesheet!!
 			$externalCss[] = Path::relativeToAbsolutePath($cxtembedded, $cssBasePath);
 			$externalCssCount++;
diff --git a/src/Css/MediaQueryProcessor.php b/src/Css/MediaQueryProcessor.php
index f7b8c2b81..99ee14810 100644
--- a/src/Css/MediaQueryProcessor.php
+++ b/src/Css/MediaQueryProcessor.php
@@ -2,6 +2,7 @@
 
 namespace Mpdf\Css;
 
+use Mpdf\CssMode;
 use Mpdf\Mpdf;
 use Mpdf\SizeConverter;
 
@@ -65,11 +66,17 @@ public function filterByMediaQuery($html, $pattern)
 	 * Whether a media query list applies to the medium CSSselectMedia names. Every list applies when it names none, and
 	 * an empty list always applies.
 	 *
+	 * In cssMode legacy a list applies when it contains that medium's name or all anywhere, as mPDF v7 read it.
+	 *
 	 * @param string $mediaQueryList
 	 * @return bool
 	 */
 	public function matches($mediaQueryList)
 	{
+		if ($this->mpdf->cssMode === CssMode::LEGACY) {
+			return !$this->mpdf->CSSselectMedia || preg_match('/(' . trim($this->mpdf->CSSselectMedia) . '|all)/i', $mediaQueryList) === 1;
+		}
+
 		$mediaQueryList = strtolower(trim($mediaQueryList));
 		if (!$this->mpdf->CSSselectMedia || $mediaQueryList === '') {
 			return true;
diff --git a/src/Css/NormalizeProperties.php b/src/Css/NormalizeProperties.php
index 7a0084afe..202fc2da7 100644
--- a/src/Css/NormalizeProperties.php
+++ b/src/Css/NormalizeProperties.php
@@ -181,7 +181,7 @@ public function normalize($prop)
 		}
 
 		// A negative line-height is invalid, so the declaration is dropped
-		if (isset($this->properties['LINE-HEIGHT']) && (float) $this->properties['LINE-HEIGHT'] < 0) {
+		if (isset($this->properties['LINE-HEIGHT']) && (float) $this->properties['LINE-HEIGHT'] < 0 && $this->dropsNegativeLineHeight()) {
 			unset($this->properties['LINE-HEIGHT']);
 		}
 
@@ -272,7 +272,7 @@ protected function processFontProperty($value)
 		list(, $keywords, $size, $lineHeight, $family) = $m;
 
 		// A negative line-height makes the whole value invalid
-		if ((float) $lineHeight < 0) {
+		if ((float) $lineHeight < 0 && $this->dropsNegativeLineHeight()) {
 			return;
 		}
 
@@ -948,6 +948,17 @@ private function resetsOmittedParts()
 		return $this->mpdf->cssMode === CssMode::STANDARD;
 	}
 
+	/**
+	 * Whether a declaration with a negative line-height is dropped, as CSS has it. In legacy mode the value is kept,
+	 * as mPDF v7 kept it
+	 *
+	 * @return bool
+	 */
+	private function dropsNegativeLineHeight()
+	{
+		return $this->mpdf->cssMode === CssMode::STANDARD;
+	}
+
 	/**
 	 * Sets only the parts a background shorthand names, besides its colour and image, as mPDF v7 read it: the
 	 * repeat, position and size only with an image, which they have nothing to apply to without
diff --git a/src/Mpdf.php b/src/Mpdf.php
index 28c469913..387d23ca4 100644
--- a/src/Mpdf.php
+++ b/src/Mpdf.php
@@ -12268,13 +12268,15 @@ function SetDirectionality($dir = 'ltr')
 	}
 
 	// Return either a number (factor) - based on current set fontsize (if % or em) - or exact lineheight (with 'mm' after it)
-	// A line height of zero is returned as '0mm', because a factor of 0 is read as no line height set
+	// A line height of zero is returned as '0mm', because a factor of 0 is read as no line height set. In cssMode legacy
+	// it is returned as normal, as mPDF v7 read it on every PHP version: a factor of 0 was taken as normal because
+	// 0 == 'N' held before PHP 8
 	function fixLineheight($v)
 	{
-		if (preg_match('/^[0.]*0(?:[a-z]+|%)?$/i', trim($v))) {
+		if ($this->cssMode === CssMode::STANDARD && preg_match('/^[0.]*0(?:[a-z]+|%)?$/i', trim($v))) {
 			return '0mm';
 		} elseif (preg_match('/^[0-9\.,]*$/', $v) && $v >= 0) {
-			return ($v + 0);
+			return (float) $v === 0.0 ? 'N' : ($v + 0);
 		} elseif (strtoupper($v) == 'NORMAL' || $v == 'N') {
 			return 'N';  // mPDF 6
 		} else {
@@ -12450,10 +12452,13 @@ function _setInlineBlockHeights(&$lineBox, &$stackHeight, &$content, &$font, $is
 		if ($line_stacking_strategy == 'block-line-height') {
 			$topy = $ypos[-1]['exttop'];
 			$bottomy = $ypos[-1]['extbottom'];
-		} else {
+		} elseif ($this->cssMode === CssMode::STANDARD) {
 			// Start from the baseline, or from the bottom of the block's line height when a line-height below the
 			// font's height leaves it above the baseline
 			$topy = $bottomy = max(0, $ypos[-1]['extbottom']);
+		} else {
+			// In cssMode legacy start from the baseline, as mPDF v7 did, stretching a smaller line-height down to it
+			$topy = $bottomy = 0;
 		}
 
 		// Get text-middle for aligning images/objects
diff --git a/src/Tag/Table.php b/src/Tag/Table.php
index c88690ffd..2b624f93c 100644
--- a/src/Tag/Table.php
+++ b/src/Tag/Table.php
@@ -4,6 +4,7 @@
 
 use Mpdf\Css\Border;
 use Mpdf\Css\PresentationalHints;
+use Mpdf\CssMode;
 use Mpdf\Mpdf;
 use Mpdf\Utils\Rotation;
 
@@ -338,7 +339,11 @@ public function open($attr, &$ahtml, &$ihtml)
 		if (isset($properties['HYPHENS'])) {
 			$this->mpdf->base_table_properties['HYPHENS'] = $properties['HYPHENS'];
 		}
-		if (isset($properties['LINE-HEIGHT']) && $properties['LINE-HEIGHT'] !== '') {
+		// In cssMode legacy line-height: 0 is skipped, as mPDF v7 did
+		$lineHeightSet = $this->mpdf->cssMode === CssMode::STANDARD
+			? isset($properties['LINE-HEIGHT']) && $properties['LINE-HEIGHT'] !== ''
+			: !empty($properties['LINE-HEIGHT']);
+		if ($lineHeightSet) {
 			$table['cellLineHeight'] = $this->mpdf->fixLineheight($properties['LINE-HEIGHT']);
 		} elseif ($this->mpdf->tableLevel == 1) {
 			$table['cellLineHeight'] = $this->mpdf->blk[$this->mpdf->blklvl]['line_height'];
diff --git a/tests/Mpdf/Css/CssLoaderTest.php b/tests/Mpdf/Css/CssLoaderTest.php
index b3d87bf04..0d98ca51a 100644
--- a/tests/Mpdf/Css/CssLoaderTest.php
+++ b/tests/Mpdf/Css/CssLoaderTest.php
@@ -4,6 +4,7 @@
 
 use Mpdf\AssetFetcher;
 use Mpdf\Cache;
+use Mpdf\CssMode;
 use Mpdf\Mpdf;
 use Mpdf\SizeConverter;
 use Psr\Log\NullLogger;
@@ -109,9 +110,37 @@ public function testExtractExternalStylesheetUrlsMatchesEachImportsMediaQueryLis
 		);
 	}
 
+	/**
+	 * In cssMode legacy an @import in a <style> block is loaded when its URL ends in .css, whatever follows it, with
+	 * those written as url() first. One in body text is not
+	 */
+	public function testExtractExternalStylesheetUrlsLoadsEachCssFileInLegacyMode()
+	{
+		$this->mpdf->cssMode = CssMode::LEGACY;
+		$html = '<style>
+			@import url(screen.css) screen;
+			@import url("print.css") print;
+			@import \'wide.css\' (min-width: 768px);
+			@import "narrow.css" (max-width: 600px);
+			@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
+			@import url(/theme) layer(base) supports(display: grid) print;
+			@import url(layered.css) layer screen;
+			@import url(fallback.css) supports(not (display: grid));
+			@import url(versioned.css?v=2) print;
+			@import url( spaced.css );
+		</style>
+		<style>@import "second.css"; @import url(\'third.css\');</style>
+		<p>@import "text.css";</p>';
+
+		$this->assertSame(
+			['screen.css', 'print.css', 'layered.css', 'fallback.css', 'versioned.css?v=2', 'third.css', 'wide.css', 'narrow.css', 'second.css'],
+			$this->cssLoader->extractExternalStylesheetUrls($html)
+		);
+	}
+
 	/**
 	 * Only an @import among a stylesheet's rules is loaded: not one in a comment, a string or a block, and not one
-	 * after a block left open
+	 * after a block left open. The same holds in cssMode legacy, which does not load the URL without .css
 	 */
 	public function testExtractExternalStylesheetUrlsReadsOnlyImportRules()
 	{
@@ -129,6 +158,9 @@ public function testExtractExternalStylesheetUrlsReadsOnlyImportRules()
 			['https://fonts.example/css2?family=Inter:wght@300;400&display=swap', 'after.css', 'next.css'],
 			$this->cssLoader->extractExternalStylesheetUrls($html)
 		);
+
+		$this->mpdf->cssMode = CssMode::LEGACY;
+		$this->assertSame(['after.css', 'next.css'], $this->cssLoader->extractExternalStylesheetUrls($html));
 	}
 
 	/**
@@ -170,6 +202,27 @@ public function testProcessExternalCssImportsQueuesImportsThatMatch()
 		$this->assertSame(2, $count);
 	}
 
+	/**
+	 * In cssMode legacy an @import in a loaded stylesheet is queued when it is written as url(), whatever follows it,
+	 * and not when it is a string or in a comment
+	 */
+	public function testProcessExternalCssImportsQueuesEachUrlInLegacyMode()
+	{
+		$this->mpdf->cssMode = CssMode::LEGACY;
+		$externalCss = [];
+		$count = 0;
+
+		$this->cssLoader->processExternalCssImports(
+			'/* @import url(old.css); */ @import "base.css"; @import url(screen.css) screen; @import url(print.css) print; p { color: red; }',
+			'http://example.com/css/main.css',
+			$externalCss,
+			$count
+		);
+
+		$this->assertSame(['http://example.com/css/screen.css', 'http://example.com/css/print.css'], $externalCss);
+		$this->assertSame(2, $count);
+	}
+
 	public function testResolveBackgroundUrls()
 	{
 		$css = 'body { background: url(images/bg.jpg); }';
diff --git a/tests/Mpdf/Css/MediaQueryProcessorTest.php b/tests/Mpdf/Css/MediaQueryProcessorTest.php
index e6461e9fd..9147701af 100644
--- a/tests/Mpdf/Css/MediaQueryProcessorTest.php
+++ b/tests/Mpdf/Css/MediaQueryProcessorTest.php
@@ -2,6 +2,7 @@
 
 namespace Mpdf\Css;
 
+use Mpdf\CssMode;
 use Mpdf\Mpdf;
 use Mpdf\SizeConverter;
 use Psr\Log\NullLogger;
@@ -81,77 +82,81 @@ public function testEveryListMatchesWithoutCssSelectMedia()
 
 	/**
 	 * A media query list is matched against the print medium and a portrait A4 page, 210mm (about 794px) by 297mm
-	 * (about 1123px)
+	 * (about 1123px). In cssMode legacy it applies when it contains print or all anywhere, whatever the page
 	 *
 	 * @dataProvider mediaQueryLists
 	 *
 	 * @param string $mediaQueryList
 	 * @param bool $expected
+	 * @param bool $legacy Whether it applies in legacy mode
 	 */
-	public function testMatchesAPortraitA4Page($mediaQueryList, $expected)
+	public function testMatchesAPortraitA4Page($mediaQueryList, $expected, $legacy)
 	{
-		$this->assertSame($expected, $this->processor->matches($mediaQueryList));
+		$this->assertSame($expected, $this->processor->matches($mediaQueryList), 'standard');
+
+		$this->mpdf->cssMode = CssMode::LEGACY;
+		$this->assertSame($legacy, $this->processor->matches($mediaQueryList), 'legacy');
 	}
 
 	/**
-	 * Media query lists, and whether each applies to print on a portrait A4 page
+	 * Media query lists, whether each applies to print on a portrait A4 page, and whether it does in legacy mode
 	 *
 	 * @return array[]
 	 */
 	public function mediaQueryLists()
 	{
 		return [
-			'an empty list' => ['', true],
-			'print' => ['print', true],
-			'print in upper case' => ['PRINT', true],
-			'all' => ['all', true],
-			'only print' => ['only print', true],
-			'screen' => ['screen', false],
-			'an unknown type' => ['tv', false],
-			'a list naming print second' => ['screen, print', true],
-			'not print' => ['not print', false],
-			'not all' => ['not all', false],
-			'not screen' => ['not screen', true],
-			'only screen with a condition that holds' => ['only screen and (min-width: 1px)', false],
-			'not screen with a condition' => ['not screen and (min-width: 1px)', true],
-
-			'portrait' => ['(orientation: portrait)', true],
-			'landscape' => ['print and (orientation: landscape)', false],
-			'not landscape' => ['not print and (orientation: landscape)', true],
-			'an unknown orientation' => ['(orientation: sideways)', false],
-
-			'a min-width the page is wider than' => ['(min-width: 768px)', true],
-			'a min-width the page is narrower than' => ['(min-width: 1000px)', false],
-			'a max-width the page is wider than' => ['(max-width: 768px)', false],
-			'a max-width the page is narrower than' => ['print and (max-width: 800px)', true],
-			'the page width in mm' => ['(width: 210mm)', true],
-			'a width between two lengths' => ['(min-width: 20cm) and (max-width: 22cm)', true],
-			'a min-height in inches' => ['(min-height: 11in)', true],
-			'a min-width in em' => ['(min-width: 40em)', true],
-			'a min-width in rem the page is narrower than' => ['(min-width: 100rem)', false],
-			'a zero without a unit' => ['(min-width: 0)', true],
-			'a number without a unit' => ['(min-width: 10)', false],
-			'a length mPDF cannot read' => ['(min-width: calc(1px + 1px))', false],
-			'the width in a boolean context' => ['(width)', true],
-
-			'range: width >= a length' => ['(width >= 600px)', true],
-			'range: width < a length' => ['(width < 600px)', false],
-			'range: a length <= width' => ['(600px <= width)', true],
-			'range: width between two lengths' => ['(700px < width < 800px)', true],
-			'range: width between two lengths it is outside' => ['(800px < width <= 900px)', false],
-			'range: height from the top' => ['(1200px > height > 1000px)', true],
-			'range: two operators facing apart' => ['(700px < width > 800px)', false],
-
-			'and' => ['(min-width: 1px) and (max-width: 1px)', false],
-			'or' => ['(max-width: 1px) or (min-height: 1px)', true],
-			'not' => ['not (max-width: 600px)', true],
-			'nested parentheses' => ['print and ((max-width: 1px) or (orientation: portrait))', true],
-			'and mixed with or' => ['(min-width: 1px) and (min-height: 1px) or (width)', false],
-			'an unknown feature' => ['(hover: hover)', false],
-			'an unknown feature negated' => ['not (hover: hover)', false],
-			'an unknown feature beside one that holds, with or' => ['(hover: hover) or (orientation: portrait)', true],
-			'a condition left unfinished' => ['print and', false],
-			'unbalanced parentheses' => ['(min-width: 1px', false],
+			'an empty list' => ['', true, false],
+			'print' => ['print', true, true],
+			'print in upper case' => ['PRINT', true, true],
+			'all' => ['all', true, true],
+			'only print' => ['only print', true, true],
+			'screen' => ['screen', false, false],
+			'an unknown type' => ['tv', false, false],
+			'a list naming print second' => ['screen, print', true, true],
+			'not print' => ['not print', false, true],
+			'not all' => ['not all', false, true],
+			'not screen' => ['not screen', true, false],
+			'only screen with a condition that holds' => ['only screen and (min-width: 1px)', false, false],
+			'not screen with a condition' => ['not screen and (min-width: 1px)', true, false],
+
+			'portrait' => ['(orientation: portrait)', true, false],
+			'landscape' => ['print and (orientation: landscape)', false, true],
+			'not landscape' => ['not print and (orientation: landscape)', true, true],
+			'an unknown orientation' => ['(orientation: sideways)', false, false],
+
+			'a min-width the page is wider than' => ['(min-width: 768px)', true, false],
+			'a min-width the page is narrower than' => ['(min-width: 1000px)', false, false],
+			'a max-width the page is wider than' => ['(max-width: 768px)', false, false],
+			'a max-width the page is narrower than' => ['print and (max-width: 800px)', true, true],
+			'the page width in mm' => ['(width: 210mm)', true, false],
+			'a width between two lengths' => ['(min-width: 20cm) and (max-width: 22cm)', true, false],
+			'a min-height in inches' => ['(min-height: 11in)', true, false],
+			'a min-width in em' => ['(min-width: 40em)', true, false],
+			'a min-width in rem the page is narrower than' => ['(min-width: 100rem)', false, false],
+			'a zero without a unit' => ['(min-width: 0)', true, false],
+			'a number without a unit' => ['(min-width: 10)', false, false],
+			'a length mPDF cannot read' => ['(min-width: calc(1px + 1px))', false, false],
+			'the width in a boolean context' => ['(width)', true, false],
+
+			'range: width >= a length' => ['(width >= 600px)', true, false],
+			'range: width < a length' => ['(width < 600px)', false, false],
+			'range: a length <= width' => ['(600px <= width)', true, false],
+			'range: width between two lengths' => ['(700px < width < 800px)', true, false],
+			'range: width between two lengths it is outside' => ['(800px < width <= 900px)', false, false],
+			'range: height from the top' => ['(1200px > height > 1000px)', true, false],
+			'range: two operators facing apart' => ['(700px < width > 800px)', false, false],
+
+			'and' => ['(min-width: 1px) and (max-width: 1px)', false, false],
+			'or' => ['(max-width: 1px) or (min-height: 1px)', true, false],
+			'not' => ['not (max-width: 600px)', true, false],
+			'nested parentheses' => ['print and ((max-width: 1px) or (orientation: portrait))', true, true],
+			'and mixed with or' => ['(min-width: 1px) and (min-height: 1px) or (width)', false, false],
+			'an unknown feature' => ['(hover: hover)', false, false],
+			'an unknown feature negated' => ['not (hover: hover)', false, false],
+			'an unknown feature beside one that holds, with or' => ['(hover: hover) or (orientation: portrait)', true, false],
+			'a condition left unfinished' => ['print and', false, true],
+			'unbalanced parentheses' => ['(min-width: 1px', false, false],
 		];
 	}
 
@@ -187,4 +192,44 @@ public function testFilterByMediaQueryLeavesOutANegatedMatch()
 
 		$this->assertSame('', $this->processor->filterByMediaQuery('<style media="not print">p { color: red; }</style>', $pattern));
 	}
+
+	/**
+	 * In cssMode legacy the page is not read: on a landscape page, a query naming print applies whatever its
+	 * orientation, and one naming no medium does not
+	 */
+	public function testLegacyModeDoesNotReadThePage()
+	{
+		$this->mpdf->cssMode = CssMode::LEGACY;
+		$this->mpdf->AddPage('L');
+
+		$this->assertTrue($this->processor->matches('print and (orientation: portrait)'));
+		$this->assertFalse($this->processor->matches('(orientation: landscape)'));
+		$this->assertFalse($this->processor->matches('(min-width: 1000px)'));
+	}
+
+	/**
+	 * In cssMode legacy, with CSSselectMedia set to screen, a list containing screen applies, negated or not, and
+	 * print does not
+	 */
+	public function testLegacyModeMatchesAnotherMediumByName()
+	{
+		$this->mpdf->cssMode = CssMode::LEGACY;
+		$this->mpdf->CSSselectMedia = 'screen';
+
+		$this->assertTrue($this->processor->matches('not screen'));
+		$this->assertTrue($this->processor->matches('screen and (max-width: 1px)'));
+		$this->assertFalse($this->processor->matches('print'));
+	}
+
+	/**
+	 * In cssMode legacy a <style> block for not print is kept, as its media attribute contains print
+	 */
+	public function testFilterByMediaQueryKeepsANegatedMatchInLegacyMode()
+	{
+		$this->mpdf->cssMode = CssMode::LEGACY;
+		$pattern = '/<style[^>]*media=["\']([^"\'>]*)["\'].*?<\/style>/is';
+		$html = '<style media="not print">p { color: red; }</style>';
+
+		$this->assertSame($html, $this->processor->filterByMediaQuery($html, $pattern));
+	}
 }
diff --git a/tests/Mpdf/CssManagerTest.php b/tests/Mpdf/CssManagerTest.php
index b18279599..3b2d4a71b 100644
--- a/tests/Mpdf/CssManagerTest.php
+++ b/tests/Mpdf/CssManagerTest.php
@@ -213,6 +213,7 @@ public function testReadCSS_ImportMatchesMediaAndAnyUrl()
 		$this->createCssFile('screen.css', 'h1 { color: #ff0000; }');
 		$this->createCssFile('theme', 'p { color: #00ff00; }');
 		$this->mpdf->CSSselectMedia = 'print';
+		$this->mpdf->cssMode = CssMode::STANDARD;
 
 		$this->cssManager->ReadCSS('<style>@import url("screen.css") screen; @import url("theme") print;</style>');
 
@@ -220,6 +221,22 @@ public function testReadCSS_ImportMatchesMediaAndAnyUrl()
 		$this->assertSame('#00ff00', $this->cssManager->CSS['P']['COLOR']);
 	}
 
+	/**
+	 * In cssMode legacy an @import is loaded whatever its media query list when its URL ends in .css, and not
+	 * otherwise
+	 */
+	public function testReadCSS_ImportLoadsEachCssFileInLegacyMode()
+	{
+		$this->createCssFile('screen.css', 'h1 { color: #ff0000; }');
+		$this->createCssFile('theme', 'p { color: #00ff00; }');
+		$this->mpdf->CSSselectMedia = 'print';
+
+		$this->cssManager->ReadCSS('<style>@import url("screen.css") screen; @import url("theme") print;</style>');
+
+		$this->assertSame('#ff0000', $this->cssManager->CSS['H1']['COLOR']);
+		$this->assertArrayNotHasKey('P', $this->cssManager->CSS);
+	}
+
 	public function testReadCSS_WithBackgroundUrlRewriting()
 	{
 		$this->createCssFile('theme.css', '.header { background: url(images/logo.png); }');
diff --git a/tests/Mpdf/LineHeightZeroTest.php b/tests/Mpdf/LineHeightZeroTest.php
index 6289996db..fac7b4306 100644
--- a/tests/Mpdf/LineHeightZeroTest.php
+++ b/tests/Mpdf/LineHeightZeroTest.php
@@ -4,7 +4,8 @@
 
 /**
  * line-height: 0 gives lines no height, rather than being read as normal, a line height smaller than the font is
- * kept rather than stretched down to the baseline, and a negative line-height is ignored.
+ * kept rather than stretched down to the baseline, and a negative line-height is ignored. In cssMode legacy each is
+ * read as mPDF v7 read it.
  */
 class LineHeightZeroTest extends \Yoast\PHPUnitPolyfills\TestCases\TestCase
 {
@@ -36,6 +37,19 @@ public function providerZero()
 		];
 	}
 
+	/**
+	 * In cssMode legacy a line-height of zero is returned as normal: as a number, the normal line height of the font,
+	 * whatever the PHP version, and as a length, the normal factor
+	 */
+	public function testZeroIsNotAZeroLineHeightInLegacyMode()
+	{
+		$mpdf = new Mpdf(['cssMode' => CssMode::LEGACY]);
+
+		$this->assertSame('N', $mpdf->fixLineheight('0'));
+		$this->assertSame('N', $mpdf->fixLineheight('0.0'));
+		$this->assertSame($mpdf->normalLineheight, $mpdf->fixLineheight('0px'));
+	}
+
 	/**
 	 * Values other than zero are returned as they were
 	 */
@@ -49,53 +63,70 @@ public function testOtherValuesAreUnchanged()
 	}
 
 	/**
+	 * Lines take the height line-height gives them. In cssMode legacy line-height: 0 is read as normal, or on a table
+	 * as not set, and a line height smaller than the font is stretched down to the baseline
+	 *
 	 * @dataProvider providerHeights
 	 *
 	 * @param string $html The document
 	 * @param float $height How far it moves down the page, in mm
+	 * @param float $legacy How far it moves down the page in legacy mode, in mm
 	 */
-	public function testBlockHeight($html, $height)
+	public function testBlockHeight($html, $height, $legacy)
 	{
-		$this->assertEqualsWithDelta($height, $this->heightOf($html), 0.001);
+		$this->assertEqualsWithDelta($height, $this->heightOf($html), 0.001, 'standard');
+		$this->assertEqualsWithDelta($legacy, $this->heightOf($html, CssMode::LEGACY), 0.01, 'legacy');
 	}
 
 	/**
-	 * @return array[] Documents of three lines of 10pt text, and their height
+	 * @return array[] Documents of three lines of 10pt text, their height, and their height in legacy mode
 	 */
 	public function providerHeights()
 	{
 		$lines = 'aa<br>bb<br>cc';
 
 		return [
-			'zero on a paragraph' => ['<p style="line-height: 0">' . $lines . '</p>', 0.0],
-			'zero length on a paragraph' => ['<p style="line-height: 0px">' . $lines . '</p>', 0.0],
-			'zero inherited from a div' => ['<div style="line-height: 0"><p>' . $lines . '</p></div>', 0.0],
+			'zero on a paragraph' => ['<p style="line-height: 0">' . $lines . '</p>', 0.0, 14.04],
+			'zero length on a paragraph' => ['<p style="line-height: 0px">' . $lines . '</p>', 0.0, 14.08],
+			'zero inherited from a div' => ['<div style="line-height: 0"><p>' . $lines . '</p></div>', 0.0, 14.04],
 			'zero in a table cell' => [
 				'<table style="border-collapse: collapse"><tr><td style="line-height: 0; padding: 0">' . $lines . '</td></tr></table>',
 				0.0,
+				14.04,
 			],
 			'zero on a table' => [
 				'<table style="border-collapse: collapse; line-height: 0"><tr><td style="padding: 0">' . $lines . '</td></tr></table>',
 				0.0,
+				14.04,
+			],
+			'zero on a table in a double-spaced div' => [
+				'<div style="line-height: 2"><table style="border-collapse: collapse; line-height: 0"><tr><td style="padding: 0">' . $lines . '</td></tr></table></div>',
+				0.0,
+				21.17,
 			],
-			'a length smaller than the font' => ['<p style="line-height: 1mm">' . $lines . '</p>', 3.0],
-			'a factor smaller than the font' => ['<p style="line-height: 0.5">' . $lines . '</p>', 1.5 * 10 / Mpdf::SCALE],
+			'a length smaller than the font' => ['<p style="line-height: 1mm">' . $lines . '</p>', 3.0, 5.16],
+			'a factor smaller than the font' => ['<p style="line-height: 0.5">' . $lines . '</p>', 1.5 * 10 / Mpdf::SCALE, 6.31],
 		];
 	}
 
 	/**
+	 * A negative line-height is ignored. In cssMode legacy it is applied, and squashes the lines
+	 *
 	 * @dataProvider providerNegative
 	 *
 	 * @param string $negative A document with a negative line-height
 	 * @param string $without The same document without it
+	 * @param float $legacy How far the document with it moves down the page in legacy mode, in mm
 	 */
-	public function testNegativeLineHeightIsIgnored($negative, $without)
+	public function testNegativeLineHeight($negative, $without, $legacy)
 	{
-		$this->assertEqualsWithDelta($this->heightOf($without), $this->heightOf($negative), 0.001);
+		$this->assertEqualsWithDelta($this->heightOf($without), $this->heightOf($negative), 0.001, 'standard');
+		$this->assertEqualsWithDelta($legacy, $this->heightOf($negative, CssMode::LEGACY), 0.01, 'legacy');
 	}
 
 	/**
-	 * @return array[] Documents with a negative line-height, and the same documents without it
+	 * @return array[] Documents with a negative line-height, the same documents without it, and the height of the
+	 *                 first in legacy mode
 	 */
 	public function providerNegative()
 	{
@@ -105,30 +136,35 @@ public function providerNegative()
 			'number' => [
 				'<div style="line-height: 2"><p style="line-height: -1">' . $lines . '</p></div>',
 				'<div style="line-height: 2"><p>' . $lines . '</p></div>',
+				3.27,
 			],
 			'length' => [
 				'<div style="line-height: 2"><p style="line-height: -2mm">' . $lines . '</p></div>',
 				'<div style="line-height: 2"><p>' . $lines . '</p></div>',
+				0.66,
 			],
 			'font shorthand' => [
 				'<div style="line-height: 2"><p style="font: 10pt/-1 serif">' . $lines . '</p></div>',
 				'<div style="line-height: 2"><p>' . $lines . '</p></div>',
+				3.27,
 			],
 			'table cell' => [
 				'<table><tr><td style="line-height: -1">' . $lines . '</td></tr></table>',
 				'<table><tr><td>' . $lines . '</td></tr></table>',
+				5.03,
 			],
 		];
 	}
 
 	/**
 	 * @param string $html A document
+	 * @param string $mode A CssMode value
 	 *
 	 * @return float How far it moves down the page, in mm, with paragraphs at 10pt and no margins
 	 */
-	private function heightOf($html)
+	private function heightOf($html, $mode = CssMode::STANDARD)
 	{
-		$mpdf = new Mpdf();
+		$mpdf = new Mpdf(['cssMode' => $mode]);
 		$mpdf->WriteHTML('<style>p { margin: 0; font-size: 10pt } td { font-size: 10pt }</style>');
 
 		$y = $mpdf->y;
diff --git a/tests/Mpdf/MediaQueryTest.php b/tests/Mpdf/MediaQueryTest.php
index 39b7bb99b..79215cb9e 100644
--- a/tests/Mpdf/MediaQueryTest.php
+++ b/tests/Mpdf/MediaQueryTest.php
@@ -6,7 +6,8 @@
 
 /**
  * @media blocks and media attributes, matched against the print medium and the page's size and orientation rather
- * than by looking for the word print in them
+ * than by looking for the word print in them. In cssMode legacy they are matched by looking for the word, as mPDF v7
+ * did.
  */
 class MediaQueryTest extends TestCase
 {
@@ -21,50 +22,76 @@ class MediaQueryTest extends TestCase
 	 *
 	 * @dataProvider mediaQueries
 	 *
+	 * @param string $mode
 	 * @param string $mediaQueryList
 	 * @param string $expected
 	 */
-	public function testAnAtMediaBlockAppliesWhenItsQueryMatches($mediaQueryList, $expected)
+	public function testAnAtMediaBlockAppliesWhenItsQueryMatches($mode, $mediaQueryList, $expected)
 	{
-		$colours = $this->textColours('<style>@media ' . $mediaQueryList . ' { p { color: #00ff00; } }</style><p>text</p>');
+		$colours = $this->textColours(
+			'<style>@media ' . $mediaQueryList . ' { p { color: #00ff00; } }</style><p>text</p>',
+			['cssMode' => $mode]
+		);
 
 		$this->assertSame(['text' => $expected], $colours);
 	}
 
 	/**
-	 * Media query lists, and the colour the paragraph is drawn in
+	 * Media query lists, and the colour the paragraph is drawn in each mode
 	 *
 	 * @return array[]
 	 */
 	public function mediaQueries()
 	{
 		return [
-			'not print' => ['not print', self::BLACK],
-			'landscape' => ['print and (orientation: landscape)', self::BLACK],
-			'a min-width narrower than the page' => ['(min-width: 768px)', self::GREEN],
+			'not print' => [CssMode::STANDARD, 'not print', self::BLACK],
+			'landscape' => [CssMode::STANDARD, 'print and (orientation: landscape)', self::BLACK],
+			'a min-width narrower than the page' => [CssMode::STANDARD, '(min-width: 768px)', self::GREEN],
+			'legacy: not print' => [CssMode::LEGACY, 'not print', self::GREEN],
+			'legacy: landscape' => [CssMode::LEGACY, 'print and (orientation: landscape)', self::GREEN],
+			'legacy: a min-width narrower than the page' => [CssMode::LEGACY, '(min-width: 768px)', self::BLACK],
 		];
 	}
 
 	/**
-	 * A block for landscape pages applies on a landscape page
+	 * A block for landscape pages applies on a landscape page, in either mode
+	 *
+	 * @dataProvider eachMode
+	 *
+	 * @param string $mode
 	 */
-	public function testALandscapeBlockAppliesOnALandscapePage()
+	public function testALandscapeBlockAppliesOnALandscapePage($mode)
 	{
 		$pages = $this->pages($this->render(
 			'<style>@media print and (orientation: landscape) { p { color: #00ff00; } }</style><p>text</p>',
-			['format' => 'A4-L']
+			['format' => 'A4-L', 'cssMode' => $mode]
 		));
 
 		$this->assertStringContainsString(self::GREEN, $pages[0]);
 	}
 
 	/**
-	 * A <style> block for not print is left out
+	 * A <style> block for not print is left out, and in legacy mode it applies, as it contains the word print
+	 *
+	 * @dataProvider eachMode
+	 *
+	 * @param string $mode
 	 */
-	public function testAStyleBlockForNotPrintIsLeftOut()
+	public function testAStyleBlockForNotPrint($mode)
 	{
-		$colours = $this->textColours('<style media="not print">p { color: #00ff00; }</style><p>text</p>');
+		$colours = $this->textColours('<style media="not print">p { color: #00ff00; }</style><p>text</p>', ['cssMode' => $mode]);
+
+		$this->assertSame(['text' => $mode === CssMode::LEGACY ? self::GREEN : self::BLACK], $colours);
+	}
 
-		$this->assertSame(['text' => self::BLACK], $colours);
+	/**
+	 * @return array[] Each value of cssMode
+	 */
+	public function eachMode()
+	{
+		return [
+			'standard' => [CssMode::STANDARD],
+			'legacy' => [CssMode::LEGACY],
+		];
 	}
 }
diff --git a/tests/Snapshots/LineHeightZeroLegacySnapshotTest.php b/tests/Snapshots/LineHeightZeroLegacySnapshotTest.php
new file mode 100644
index 000000000..219fd3671
--- /dev/null
+++ b/tests/Snapshots/LineHeightZeroLegacySnapshotTest.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace Snapshots;
+
+use Mpdf\CssMode;
+
+/**
+ * Zero, small and negative line heights in cssMode legacy, which reads them as mPDF v7 did: line-height: 0 as normal,
+ * a line height smaller than the font stretched down to the baseline, and a negative one applied
+ *
+ * @group snapshot
+ */
+class LineHeightZeroLegacySnapshotTest extends LineHeightZeroSnapshot
+{
+
+	/**
+	 * The fixture's name
+	 *
+	 * @return string
+	 */
+	public function getId()
+	{
+		return 'line-height-zero-legacy';
+	}
+
+	/**
+	 * @return string
+	 */
+	protected function mode()
+	{
+		return CssMode::LEGACY;
+	}
+
+	/**
+	 * @return string[]
+	 */
+	protected function captions()
+	{
+		return [
+			'zero' => 'line-height: 0 is read as normal: the three lines are normally spaced on the blue background, and the green line starts below it.',
+			'zero-length' => 'line-height: 0px: the same.',
+			'zero-parent' => 'line-height: 0 on the div around the paragraph: the same.',
+			'one-mm' => 'line-height: 1mm: each line is stretched down to the baseline, so the lines are about 2mm apart, on a background about 6mm tall.',
+			'half' => 'line-height: 0.5: each line is stretched down to the baseline, so the background is about 21pt tall rather than 18pt.',
+			'negative' => 'line-height: -1 and -2mm inside a div with line-height: 2 are applied: the lines of the first two paragraphs are drawn over one another on a thin background. Only the third, which sets nothing, is double spaced.',
+			'cell' => 'line-height: 0 in the middle cell is read as normal: its two lines are normally spaced, and the row is as tall as the three lines of the first cell.',
+		];
+	}
+
+}
diff --git a/tests/Snapshots/LineHeightZeroSnapshot.php b/tests/Snapshots/LineHeightZeroSnapshot.php
new file mode 100644
index 000000000..14124ea2f
--- /dev/null
+++ b/tests/Snapshots/LineHeightZeroSnapshot.php
@@ -0,0 +1,118 @@
+<?php
+
+namespace Snapshots;
+
+/**
+ * Zero, small and negative line heights, written under a value of cssMode
+ *
+ * @group snapshot
+ */
+abstract class LineHeightZeroSnapshot extends Snapshot
+{
+
+	/**
+	 * @return string A CssMode value
+	 */
+	abstract protected function mode();
+
+	/**
+	 * @return string[] The caption over each case, saying what should be seen in this mode, keyed by zero, zero-length,
+	 *                  zero-parent, one-mm, half, negative and cell
+	 */
+	abstract protected function captions();
+
+	/**
+	 * Paragraphs of three short lines with a small, zero or negative line-height, each under a caption saying what
+	 * should be seen
+	 */
+	public function generatePdf()
+	{
+		$caption = $this->captions();
+
+		ob_start();
+		?>
+		<style>
+			body { font-size: 9pt; }
+			h1 { font-size: 15pt; margin: 0 0 2mm 0; }
+			h2 { margin: 6mm 0 1mm 0; font-size: 10pt; }
+			p.caption { margin: 0 0 3mm 0; font-size: 8pt; color: #606060; }
+			div.case { margin: 0 0 4mm 0; }
+			p.lines { margin: 0; font-size: 12pt; background-color: #d6eaf8; }
+			p.after { margin: 0; font-size: 9pt; color: #0a7d32; }
+			table { border-collapse: collapse; }
+			td { border: 0.2mm solid #999999; padding: 0 2mm; font-size: 12pt; background-color: #d6eaf8; }
+
+			p.zero { line-height: 0; }
+			p.zero-length { line-height: 0px; }
+			div.zero-parent { line-height: 0; }
+			p.one-mm { line-height: 1mm; }
+			p.half { line-height: 0.5; }
+			div.double { line-height: 2; }
+			p.negative { line-height: -1; }
+			p.negative-length { line-height: -2mm; }
+		</style>
+
+		<h1>Zero, small and negative line heights</h1>
+
+		<h2>line-height: 0</h2>
+		<p class="caption"><?php echo $caption['zero'] ?></p>
+		<div class="case">
+			<p class="lines zero">First<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Second<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Third</p>
+			<p class="after">The green line after line-height: 0</p>
+		</div>
+
+		<p class="caption"><?php echo $caption['zero-length'] ?></p>
+		<div class="case">
+			<p class="lines zero-length">First<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Second<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Third</p>
+			<p class="after">The green line after line-height: 0px</p>
+		</div>
+
+		<p class="caption"><?php echo $caption['zero-parent'] ?></p>
+		<div class="case zero-parent">
+			<p class="lines">First<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Second<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Third</p>
+		</div>
+		<p class="after">The green line after the div</p>
+
+		<h2>Smaller than the font</h2>
+		<p class="caption"><?php echo $caption['one-mm'] ?></p>
+		<div class="case">
+			<p class="lines one-mm">First<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Second<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Third</p>
+			<p class="after">The green line after line-height: 1mm</p>
+		</div>
+
+		<p class="caption"><?php echo $caption['half'] ?></p>
+		<div class="case">
+			<p class="lines half">First<br>Second<br>Third</p>
+			<p class="after">The green line after line-height: 0.5</p>
+		</div>
+
+		<h2>Negative line heights</h2>
+		<p class="caption"><?php echo $caption['negative'] ?></p>
+		<div class="case double">
+			<p class="lines negative">First<br>Second<br>Third</p>
+		</div>
+		<div class="case double">
+			<p class="lines negative-length">First<br>Second<br>Third</p>
+		</div>
+		<div class="case double">
+			<p class="lines">First<br>Second<br>Third</p>
+		</div>
+
+		<h2>Table cell</h2>
+		<p class="caption"><?php echo $caption['cell'] ?></p>
+		<table>
+			<tr>
+				<td>First<br>Second<br>Third</td>
+				<td style="line-height: 0">First<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Second</td>
+				<td>One line</td>
+			</tr>
+		</table>
+		<?php
+		$html = ob_get_clean();
+
+		$this->mpdf = $this->createMpdf(['cssMode' => $this->mode()]);
+
+		$this->mpdf->WriteHTML($html);
+	}
+
+}
diff --git a/tests/Snapshots/LineHeightZeroSnapshotTest.php b/tests/Snapshots/LineHeightZeroSnapshotTest.php
index 1aec26feb..6122f5214 100644
--- a/tests/Snapshots/LineHeightZeroSnapshotTest.php
+++ b/tests/Snapshots/LineHeightZeroSnapshotTest.php
@@ -2,13 +2,15 @@
 
 namespace Snapshots;
 
+use Mpdf\CssMode;
+
 /**
  * line-height: 0 giving lines no height rather than a normal one, a line height smaller than the font kept rather than
- * stretched down to the baseline, and a negative line-height ignored.
+ * stretched down to the baseline, and a negative line-height ignored, in cssMode standard
  *
  * @group snapshot
  */
-class LineHeightZeroSnapshotTest extends Snapshot
+class LineHeightZeroSnapshotTest extends LineHeightZeroSnapshot
 {
 
 	/**
@@ -22,95 +24,27 @@ public function getId()
 	}
 
 	/**
-	 * Paragraphs of three short lines with a small, zero or negative line-height, each under a caption saying what
-	 * should be seen
+	 * @return string
 	 */
-	public function generatePdf()
+	protected function mode()
 	{
-		ob_start();
-		?>
-		<style>
-			body { font-size: 9pt; }
-			h1 { font-size: 15pt; margin: 0 0 2mm 0; }
-			h2 { margin: 6mm 0 1mm 0; font-size: 10pt; }
-			p.caption { margin: 0 0 3mm 0; font-size: 8pt; color: #606060; }
-			div.case { margin: 0 0 4mm 0; }
-			p.lines { margin: 0; font-size: 12pt; background-color: #d6eaf8; }
-			p.after { margin: 0; font-size: 9pt; color: #0a7d32; }
-			table { border-collapse: collapse; }
-			td { border: 0.2mm solid #999999; padding: 0 2mm; font-size: 12pt; background-color: #d6eaf8; }
-
-			p.zero { line-height: 0; }
-			p.zero-length { line-height: 0px; }
-			div.zero-parent { line-height: 0; }
-			p.one-mm { line-height: 1mm; }
-			p.half { line-height: 0.5; }
-			div.double { line-height: 2; }
-			p.negative { line-height: -1; }
-			p.negative-length { line-height: -2mm; }
-		</style>
-
-		<h1>Zero, small and negative line heights</h1>
-
-		<h2>line-height: 0</h2>
-		<p class="caption">The three lines are drawn at the same height, the blue background has no height, and the green line starts straight after it, over the lower half of the text.</p>
-		<div class="case">
-			<p class="lines zero">First<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Second<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Third</p>
-			<p class="after">The green line after line-height: 0</p>
-		</div>
-
-		<p class="caption">line-height: 0px: the same.</p>
-		<div class="case">
-			<p class="lines zero-length">First<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Second<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Third</p>
-			<p class="after">The green line after line-height: 0px</p>
-		</div>
-
-		<p class="caption">line-height: 0 on the div around the paragraph: the same.</p>
-		<div class="case zero-parent">
-			<p class="lines">First<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Second<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Third</p>
-		</div>
-		<p class="after">The green line after the div</p>
-
-		<h2>Smaller than the font</h2>
-		<p class="caption">line-height: 1mm: each line 1mm below the one before, so they overlap, on a background 3mm tall.</p>
-		<div class="case">
-			<p class="lines one-mm">First<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Second<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Third</p>
-			<p class="after">The green line after line-height: 1mm</p>
-		</div>
-
-		<p class="caption">line-height: 0.5: each line half the font size (6pt) below the one before, so they overlap, on a background 18pt tall.</p>
-		<div class="case">
-			<p class="lines half">First<br>Second<br>Third</p>
-			<p class="after">The green line after line-height: 0.5</p>
-		</div>
-
-		<h2>Negative line heights</h2>
-		<p class="caption">line-height: -1 and -2mm inside a div with line-height: 2 are ignored: both paragraphs are double spaced, like the third, which sets nothing.</p>
-		<div class="case double">
-			<p class="lines negative">First<br>Second<br>Third</p>
-		</div>
-		<div class="case double">
-			<p class="lines negative-length">First<br>Second<br>Third</p>
-		</div>
-		<div class="case double">
-			<p class="lines">First<br>Second<br>Third</p>
-		</div>
-
-		<h2>Table cell</h2>
-		<p class="caption">line-height: 0 in the middle cell: its lines overlap and the row is only as tall as the other cells, which are normal.</p>
-		<table>
-			<tr>
-				<td>First<br>Second<br>Third</td>
-				<td style="line-height: 0">First<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Second</td>
-				<td>One line</td>
-			</tr>
-		</table>
-		<?php
-		$html = ob_get_clean();
-
-		$this->mpdf = $this->createMpdf();
+		return CssMode::STANDARD;
+	}
 
-		$this->mpdf->WriteHTML($html);
+	/**
+	 * @return string[]
+	 */
+	protected function captions()
+	{
+		return [
+			'zero' => 'The three lines are drawn at the same height, the blue background has no height, and the green line starts straight after it, over the lower half of the text.',
+			'zero-length' => 'line-height: 0px: the same.',
+			'zero-parent' => 'line-height: 0 on the div around the paragraph: the same.',
+			'one-mm' => 'line-height: 1mm: each line 1mm below the one before, so they overlap, on a background 3mm tall.',
+			'half' => 'line-height: 0.5: each line half the font size (6pt) below the one before, so they overlap, on a background 18pt tall.',
+			'negative' => 'line-height: -1 and -2mm inside a div with line-height: 2 are ignored: both paragraphs are double spaced, like the third, which sets nothing.',
+			'cell' => 'line-height: 0 in the middle cell: its lines overlap and the row is only as tall as the other cells, which are normal.',
+		];
 	}
 
 }
diff --git a/tests/Snapshots/MediaQueryLegacySnapshotTest.php b/tests/Snapshots/MediaQueryLegacySnapshotTest.php
new file mode 100644
index 000000000..5ad03b62e
--- /dev/null
+++ b/tests/Snapshots/MediaQueryLegacySnapshotTest.php
@@ -0,0 +1,48 @@
+<?php
+
+namespace Snapshots;
+
+use Mpdf\CssMode;
+
+/**
+ * @media blocks and media attributes in cssMode legacy, which applies a query list when it contains print or all
+ * anywhere, as mPDF v7 did, whatever the page
+ *
+ * @group snapshot
+ */
+class MediaQueryLegacySnapshotTest extends MediaQuerySnapshot
+{
+
+	/**
+	 * The fixture's name
+	 *
+	 * @return string
+	 */
+	public function getId()
+	{
+		return 'media-queries-legacy';
+	}
+
+	/**
+	 * @return string
+	 */
+	protected function mode()
+	{
+		return CssMode::LEGACY;
+	}
+
+	/**
+	 * @return string[]
+	 */
+	protected function captions()
+	{
+		return [
+			'types' => 'The queries containing print apply: the first paragraph is green and bold, and the third large and red. not screen and screen do not: the second and fourth are black at the normal size.',
+			'orientation' => 'Both queries contain print, so both apply whatever the page: the first paragraph is green and bold, the second large and red.',
+			'width' => 'No query contains print or all, so none applies: all four paragraphs are black at the normal size.',
+			'unknown' => 'The (hover: hover) query contains neither print nor all: the first paragraph is black at the normal size. The media attribute not print contains print, so its block applies: the second paragraph is large and red.',
+			'landscape' => 'The queries containing print apply whatever the page, and the width query does not: the first paragraph is green and bold, the second black at the normal size, the third large and red.',
+		];
+	}
+
+}
diff --git a/tests/Snapshots/MediaQuerySnapshot.php b/tests/Snapshots/MediaQuerySnapshot.php
new file mode 100644
index 000000000..6958ac2df
--- /dev/null
+++ b/tests/Snapshots/MediaQuerySnapshot.php
@@ -0,0 +1,121 @@
+<?php
+
+namespace Snapshots;
+
+/**
+ * @media blocks and media attributes on a portrait A4 page, then a landscape one, written under a value of cssMode
+ *
+ * @group snapshot
+ */
+abstract class MediaQuerySnapshot extends Snapshot
+{
+
+	/**
+	 * @return string A CssMode value
+	 */
+	abstract protected function mode();
+
+	/**
+	 * @return string[] The caption over each case, saying what should be seen in this mode, keyed by types,
+	 *                  orientation, width, unknown and landscape
+	 */
+	abstract protected function captions();
+
+	/**
+	 * Paragraphs each styled by an @media block, under a caption saying what should be seen
+	 */
+	public function generatePdf()
+	{
+		$caption = $this->captions();
+
+		ob_start();
+		?>
+		<style>
+			body { font-size: 9pt; }
+			h1 { font-size: 15pt; margin: 0 0 2mm 0; }
+			h2 { margin: 4mm 0 1mm 0; font-size: 10pt; }
+			p.caption { margin: 0 0 2mm 0; font-size: 8pt; color: #606060; }
+			div.case { border: 0.2mm solid #999999; padding: 1mm 2mm; }
+			div.case p { margin: 1mm 0; }
+
+			@media print { p.print { color: #0a7d32; font-weight: bold; } }
+			@media not screen { p.not-screen { color: #0a7d32; font-weight: bold; } }
+			@media not print { p.not-print { color: #ff0000; font-size: 16pt; } }
+			@media screen { p.screen { color: #ff0000; font-size: 16pt; } }
+
+			@media print and (orientation: portrait) { p.portrait { color: #0a7d32; font-weight: bold; } }
+			@media print and (orientation: landscape) { p.landscape { color: #ff0000; font-size: 16pt; } }
+
+			@media (min-width: 768px) { p.min-768 { color: #0a7d32; font-weight: bold; } }
+			@media (700px <= width <= 800px) { p.range { color: #0a7d32; font-weight: bold; } }
+			@media (max-width: 768px) { p.max-768 { color: #ff0000; font-size: 16pt; } }
+			@media (min-width: 1000px) { p.min-1000 { color: #ff0000; font-size: 16pt; } }
+
+			@media (hover: hover) { p.hover { color: #ff0000; font-size: 16pt; } }
+		</style>
+		<style media="not print">
+			p.attribute { color: #ff0000; font-size: 16pt; }
+		</style>
+
+		<h1>Media queries on a portrait A4 page</h1>
+
+		<h2>Media types</h2>
+		<p class="caption"><?php echo $caption['types'] ?></p>
+		<div class="case">
+			<p class="print">@media print</p>
+			<p class="not-screen">@media not screen</p>
+			<p class="not-print">@media not print</p>
+			<p class="screen">@media screen</p>
+		</div>
+
+		<h2>Orientation</h2>
+		<p class="caption"><?php echo $caption['orientation'] ?></p>
+		<div class="case">
+			<p class="portrait">@media print and (orientation: portrait)</p>
+			<p class="landscape">@media print and (orientation: landscape)</p>
+		</div>
+
+		<h2>Width</h2>
+		<p class="caption"><?php echo $caption['width'] ?></p>
+		<div class="case">
+			<p class="min-768">@media (min-width: 768px)</p>
+			<p class="range">@media (700px &lt;= width &lt;= 800px)</p>
+			<p class="max-768">@media (max-width: 768px)</p>
+			<p class="min-1000">@media (min-width: 1000px)</p>
+		</div>
+
+		<h2>Unknown features and media attributes</h2>
+		<p class="caption"><?php echo $caption['unknown'] ?></p>
+		<div class="case">
+			<p class="hover">@media (hover: hover)</p>
+			<p class="attribute">&lt;style media="not print"&gt;</p>
+		</div>
+		<?php
+		$portrait = ob_get_clean();
+
+		ob_start();
+		?>
+		<style>
+			@media print and (orientation: landscape) { p.landscape-page { color: #0a7d32; font-weight: bold; } }
+			@media (min-width: 1000px) { p.wide-page { color: #0a7d32; font-weight: bold; } }
+			@media print and (orientation: portrait) { p.portrait-page { color: #ff0000; font-size: 16pt; } }
+		</style>
+
+		<h1>Media queries on a landscape A4 page</h1>
+		<p class="caption"><?php echo $caption['landscape'] ?></p>
+		<div class="case">
+			<p class="landscape-page">@media print and (orientation: landscape)</p>
+			<p class="wide-page">@media (min-width: 1000px)</p>
+			<p class="portrait-page">@media print and (orientation: portrait)</p>
+		</div>
+		<?php
+		$landscape = ob_get_clean();
+
+		$this->mpdf = $this->createMpdf(['cssMode' => $this->mode()]);
+
+		$this->mpdf->WriteHTML($portrait);
+		$this->mpdf->AddPage('L');
+		$this->mpdf->WriteHTML($landscape);
+	}
+
+}
diff --git a/tests/Snapshots/MediaQuerySnapshotTest.php b/tests/Snapshots/MediaQuerySnapshotTest.php
index c17e36f1b..450f208ec 100644
--- a/tests/Snapshots/MediaQuerySnapshotTest.php
+++ b/tests/Snapshots/MediaQuerySnapshotTest.php
@@ -2,13 +2,15 @@
 
 namespace Snapshots;
 
+use Mpdf\CssMode;
+
 /**
- * @media blocks and media attributes matched against the print medium and the page's size and orientation: a
- * portrait A4 page, then a landscape one.
+ * @media blocks and media attributes matched against the print medium and the page's size and orientation, in
+ * cssMode standard
  *
  * @group snapshot
  */
-class MediaQuerySnapshotTest extends Snapshot
+class MediaQuerySnapshotTest extends MediaQuerySnapshot
 {
 
 	/**
@@ -22,98 +24,25 @@ public function getId()
 	}
 
 	/**
-	 * Paragraphs each styled by an @media block, under a caption saying what should be seen
+	 * @return string
 	 */
-	public function generatePdf()
+	protected function mode()
 	{
-		ob_start();
-		?>
-		<style>
-			body { font-size: 9pt; }
-			h1 { font-size: 15pt; margin: 0 0 2mm 0; }
-			h2 { margin: 4mm 0 1mm 0; font-size: 10pt; }
-			p.caption { margin: 0 0 2mm 0; font-size: 8pt; color: #606060; }
-			div.case { border: 0.2mm solid #999999; padding: 1mm 2mm; }
-			div.case p { margin: 1mm 0; }
-
-			@media print { p.print { color: #0a7d32; font-weight: bold; } }
-			@media not screen { p.not-screen { color: #0a7d32; font-weight: bold; } }
-			@media not print { p.not-print { color: #ff0000; font-size: 16pt; } }
-			@media screen { p.screen { color: #ff0000; font-size: 16pt; } }
-
-			@media print and (orientation: portrait) { p.portrait { color: #0a7d32; font-weight: bold; } }
-			@media print and (orientation: landscape) { p.landscape { color: #ff0000; font-size: 16pt; } }
-
-			@media (min-width: 768px) { p.min-768 { color: #0a7d32; font-weight: bold; } }
-			@media (700px <= width <= 800px) { p.range { color: #0a7d32; font-weight: bold; } }
-			@media (max-width: 768px) { p.max-768 { color: #ff0000; font-size: 16pt; } }
-			@media (min-width: 1000px) { p.min-1000 { color: #ff0000; font-size: 16pt; } }
-
-			@media (hover: hover) { p.hover { color: #ff0000; font-size: 16pt; } }
-		</style>
-		<style media="not print">
-			p.attribute { color: #ff0000; font-size: 16pt; }
-		</style>
-
-		<h1>Media queries on a portrait A4 page</h1>
-
-		<h2>Media types</h2>
-		<p class="caption">print and not screen apply: the first two paragraphs are green and bold. not print and screen do not: the last two are black at the normal size.</p>
-		<div class="case">
-			<p class="print">@media print</p>
-			<p class="not-screen">@media not screen</p>
-			<p class="not-print">@media not print</p>
-			<p class="screen">@media screen</p>
-		</div>
-
-		<h2>Orientation</h2>
-		<p class="caption">The page is portrait: the first paragraph is green and bold, the second black at the normal size.</p>
-		<div class="case">
-			<p class="portrait">@media print and (orientation: portrait)</p>
-			<p class="landscape">@media print and (orientation: landscape)</p>
-		</div>
-
-		<h2>Width</h2>
-		<p class="caption">The page is 210mm, about 794px, wide: the first two paragraphs are green and bold, the last two black at the normal size.</p>
-		<div class="case">
-			<p class="min-768">@media (min-width: 768px)</p>
-			<p class="range">@media (700px &lt;= width &lt;= 800px)</p>
-			<p class="max-768">@media (max-width: 768px)</p>
-			<p class="min-1000">@media (min-width: 1000px)</p>
-		</div>
-
-		<h2>Unknown features and media attributes</h2>
-		<p class="caption">A feature mPDF does not know makes its query fail, and a &lt;style media="not print"&gt; block is left out: both paragraphs are black at the normal size.</p>
-		<div class="case">
-			<p class="hover">@media (hover: hover)</p>
-			<p class="attribute">&lt;style media="not print"&gt;</p>
-		</div>
-		<?php
-		$portrait = ob_get_clean();
-
-		ob_start();
-		?>
-		<style>
-			@media print and (orientation: landscape) { p.landscape-page { color: #0a7d32; font-weight: bold; } }
-			@media (min-width: 1000px) { p.wide-page { color: #0a7d32; font-weight: bold; } }
-			@media print and (orientation: portrait) { p.portrait-page { color: #ff0000; font-size: 16pt; } }
-		</style>
-
-		<h1>Media queries on a landscape A4 page</h1>
-		<p class="caption">This page's stylesheet is matched against this page, 297mm (about 1123px) wide: the first two paragraphs are green and bold, the third black at the normal size.</p>
-		<div class="case">
-			<p class="landscape-page">@media print and (orientation: landscape)</p>
-			<p class="wide-page">@media (min-width: 1000px)</p>
-			<p class="portrait-page">@media print and (orientation: portrait)</p>
-		</div>
-		<?php
-		$landscape = ob_get_clean();
-
-		$this->mpdf = $this->createMpdf();
+		return CssMode::STANDARD;
+	}
 
-		$this->mpdf->WriteHTML($portrait);
-		$this->mpdf->AddPage('L');
-		$this->mpdf->WriteHTML($landscape);
+	/**
+	 * @return string[]
+	 */
+	protected function captions()
+	{
+		return [
+			'types' => 'print and not screen apply: the first two paragraphs are green and bold. not print and screen do not: the last two are black at the normal size.',
+			'orientation' => 'The page is portrait: the first paragraph is green and bold, the second black at the normal size.',
+			'width' => 'The page is 210mm, about 794px, wide: the first two paragraphs are green and bold, the last two black at the normal size.',
+			'unknown' => 'A feature mPDF does not know makes its query fail, and a &lt;style media="not print"&gt; block is left out: both paragraphs are black at the normal size.',
+			'landscape' => 'This page\'s stylesheet is matched against this page, 297mm (about 1123px) wide: the first two paragraphs are green and bold, the third black at the normal size.',
+		];
 	}
 
 }
diff --git a/tests/data/snapshots/line-height-zero-legacy.pdf b/tests/data/snapshots/line-height-zero-legacy.pdf
new file mode 100644
index 000000000..f19dec6f9
Binary files /dev/null and b/tests/data/snapshots/line-height-zero-legacy.pdf differ
diff --git a/tests/data/snapshots/media-queries-legacy.pdf b/tests/data/snapshots/media-queries-legacy.pdf
new file mode 100644
index 000000000..6e09daa23
Binary files /dev/null and b/tests/data/snapshots/media-queries-legacy.pdf differ