JSFiddle - React, Tailwind, and code Playground

by Abderrahim KRIMA

HTML

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport"
			content="width=device-width,
					initial-scale=1.0" />
		<link
			href=
"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,
			wght@0, 200;0, 400;1, 400&display=swap"
			rel="stylesheet"
		/>
		<title>Document</title>
	</head>
	<body>
		<p>
			<span>Slashes-zero: </span>
			<span class="value3">0Oo1lL</span>
		</p>
	</body>
</html>

CSS

* {
			font-family: "Source Sans Pro";
}
.value3 {
			font-variant-numeric: slashed-zero;
}