Skip to content

Instantly share code, notes, and snippets.

@badsyntax

badsyntax/cyrillic-script-variations.md

Last active January 23, 2020 09:28
Show Gist options
  • Save badsyntax/6ee4755c668ed3f3bc9325f2541137f2 to your computer and use it in GitHub Desktop.
Save badsyntax/6ee4755c668ed3f3bc9325f2541137f2 to your computer and use it in GitHub Desktop.
Download ZIP
Possible useful resources on understanding Cyrillic script variations (mostly to support Bulgarian)
Raw
cyrillic-script-variations.md

Understanding Cyrillic script variations

Possible useful resources on understanding Cyrillic script variations (mostly to support Bulgarian).

Raw
example-with-italics.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>BG Font Issue</title>
<link
href="https://fonts.googleapis.com/css?family=Open+Sans"
rel="stylesheet"
/>
<style type="text/css">
@font-face {
font-family: Skyscanner Relative;
font-style: normal;
font-weight: 400;
src: url(https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-dcf51b79.woff2)
format("woff2"),
url(https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-748018a8.woff)
format("woff"),
url(https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-323848c2.ttf)
format("ttf");
}
.skyscanner {
font-family: "Skyscanner Relative";
}
.opensans {
font-family: "Open Sans";
}
.italic {
font-style: italic;
}
</style>
</head>
<body>
<p>
<code>Skskycanner font lang="en-GB"</code>:
<span lang="en-GB" class="skyscanner">3 оферти от</span>
</p>
<p>
<code>Skkyscanner font lang="bg-BG"</code>:
<span lang="bg-BG" class="skyscanner">3 оферти от</span>
</p>
<p>
<code>Open Sans font lang="en-GB"</code>:
<span lang="en-GB" class="opensans">3 оферти от</span>
</p>
<p>
<code>Open Sans font lang="bg-BG"</code>:
<span lang="bg-BG" class="opensans">3 оферти от</span>
</p>
<p>
<button onclick="toggle()">Toggle italics</button>
</p>
<script>
function toggle() {
[...document.getElementsByTagName("span")].forEach(elem => {
elem.classList.toggle("italic");
});
}
</script>
</body>
</html>
Raw
example.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>BG Font Issue</title>
<style type="text/css">
@font-face {
font-family: Skyscanner Relative;
font-style: normal;
font-weight: 400;
src: url(https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-dcf51b79.woff2)
format("woff2"),
url(https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-748018a8.woff)
format("woff"),
url(https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-323848c2.ttf)
format("ttf");
}
body {
font-family: "Skyscanner Relative";
}
</style>
</head>
<body>
<p><code>lang="en-GB"</code>: <span lang="en-GB">3 оферти от</span></p>
<p><code>lang="bg-BG"</code>: <span lang="bg-BG">3 оферти от</span></p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment