Greetings, I am encountering a font-face issue specifically in Chrome on Windows. Below is the code snippet causing the problem:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>All formats - fallback ordering</title>
<style>
@font-face {
font-family: 'LCSansRegular';
src: url('fonts/lc-sans/LC_SansRegular.eot');
src: url('fonts/lc-sans/LC_SansRegular.eot?#iefix') format('embedded-opentype'),
url('fonts/lc-sans/LC_SansRegular.svg#LCSansRegular') format('svg'),
url('fonts/lc-sans/LC_SansRegular.otf') format('opentype'),
url('fonts/lc-sans/LC_SansRegular.woff') format('woff'),
url('fonts/lc-sans/LC_SansRegular.ttf') format('truetype');
font-weight: normal; font-style: normal;
}
h1 { font-family: 'LCSansRegular'; font-size: 36px; }
</style>
</head>
<body>
<h1>Heading 1 The quick brown fox jumps over the lazy dog</h1>
</body>
</html>
I'm puzzled as to why the lower section is being truncated in Chrome only on Windows. It seems to render correctly on other browsers and operating systems. Any insights would be appreciated.