Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Expand file tree

/

font-stretch-05.html

Copy path
More file actions
More file actions

Latest commit

 

History

History
History
32 lines (30 loc) · 1.04 KB
/

font-stretch-05.html

Copy path

File metadata and controls

32 lines (30 loc) · 1.04 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, semi-expanded</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: normal;
}
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: semi-expanded;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: semi-expanded;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>
Morty Proxy This is a proxified and sanitized view of the page, visit original site.