honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: specify fallback generic font family (#40254) 

https://developer.mozilla.org/en-US/docs/Web/CSS/font-family
"You should always include at least one generic family name in a font-family list,
 since there's no guarantee that any given font is available. This lets the browser
 select an acceptable fallback font when necessary."

PR Close #40254
This commit is contained in:
Alexey Elin 2020-12-23 22:25:21 +03:00 committed by Joey Perrott
parent 0a317f3bb4
commit f846c093b1
20 changed files with 25 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
aio/content/examples/animations/src/app/hero-list-page.component.css
View File

@ -62,7 +62,7 @@
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-family: Arial;
font-family: Arial, sans-serif;
}
button:hover {

2
aio/content/examples/built-in-directives/src/app/app.component.css
View File

@ -59,7 +59,7 @@ img {
.study,
.modified {
font-family: "Brush Script MT";
font-family: "Brush Script MT", cursive;
font-size: 2rem;
}

2
aio/content/examples/getting-started-v0/src/app/app.component.css
View File

@ -1,3 +1,3 @@
p {
font-family: Lato;
}
}

2
aio/content/examples/http/src/app/heroes/heroes.component.css
View File

@ -57,7 +57,7 @@
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-family: Arial;
font-family: Arial, sans-serif;
}
button:hover {

2
aio/content/examples/reactive-forms/src/app/profile-editor/profile-editor.component.css
View File

@ -20,7 +20,7 @@ input {
}
button {
font-family: Arial;
font-family: Arial, sans-serif;
background-color: #eee;
border: none;
padding: 5px 10px;

6
aio/content/examples/router-tutorial/src/app/app.component.css
View File

@ -7,7 +7,7 @@
display: inline-block;
cursor: pointer;
color: #666666;
font-family: Arial;
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: bold;
padding: 6px 24px;
@ -24,11 +24,11 @@
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: bold;
padding: 6px 24px;
text-decoration: none;
text-shadow: 0px 1px 0px #528ecc;
outline: 0;
}
}

2
aio/content/examples/router/src/app/crisis-center/crisis-list/crisis-list.component.css
View File

@ -54,7 +54,7 @@ button {
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-family: Arial;
font-family: Arial, sans-serif;
}
button:hover {

2
aio/content/examples/router/src/app/heroes/hero-list/hero-list.component.css
View File

@ -55,7 +55,7 @@ button {
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-family: Arial;
font-family: Arial, sans-serif;
}
button:hover {

2
aio/content/examples/template-syntax/src/app/app.component.css
View File

@ -11,7 +11,7 @@ img {height: 100px;}
.special {font-weight:bold; font-size: x-large}
.bad {color: red;}
.saveable {color: limegreen;}
.curly, .modified {font-family: "Brush Script MT"}
.curly, .modified {font-family: "Brush Script MT", cursive}
.toe {margin-left: 1em; font-style: italic;}
little-hero {color:blue; font-size: smaller; background-color: Turquoise }
.to-toc {margin-top: 10px; display: block}

2
aio/content/examples/testing/src/app/hero/hero-detail.component.css
View File

@ -12,7 +12,7 @@ input {
}
button {
margin-top: 20px;
font-family: Arial;
font-family: Arial, sans-serif;
background-color: #eee;
border: none;
padding: 5px 10px;

2
aio/content/examples/testing/src/app/hero/hero-list.component.css
View File

@ -46,7 +46,7 @@
border-radius: 4px 0 0 4px;
}
button {
font-family: Arial;
font-family: Arial, sans-serif;
background-color: #eee;
border: none;
padding: 5px 10px;

2
aio/content/examples/toh-pt0/src/styles.1.css
View File

@ -14,7 +14,7 @@ body {
}
body, input[type="text"], button {
color: #333;
font-family: Cambria, Georgia;
font-family: Cambria, Georgia, serif;
}
/* everywhere else */
* {

2
aio/content/examples/toh-pt5/src/app/hero-detail/hero-detail.component.css
View File

@ -13,7 +13,7 @@ input {
}
button {
margin-top: 20px;
font-family: Arial;
font-family: Arial, sans-serif;
background-color: #eee;
border: none;
padding: 5px 10px;

4
aio/content/examples/toh-pt6/e2e/src/app.e2e-spec.ts
View File

@ -193,7 +193,7 @@ describe('Tutorial part 6', () => {
for (const button of buttons) {
// Inherited styles from styles.css
expect(await button.getCssValue('font-family')).toBe('Arial');
expect(await button.getCssValue('font-family')).toBe('Arial, sans-serif');
expect(await button.getCssValue('border')).toContain('none');
expect(await button.getCssValue('padding')).toBe('5px 10px');
expect(await button.getCssValue('border-radius')).toBe('4px');
@ -204,7 +204,7 @@ describe('Tutorial part 6', () => {
const addButton = element(by.buttonText('add'));
// Inherited styles from styles.css
expect(await addButton.getCssValue('font-family')).toBe('Arial');
expect(await addButton.getCssValue('font-family')).toBe('Arial, sans-serif');
expect(await addButton.getCssValue('border')).toContain('none');
expect(await addButton.getCssValue('padding')).toBe('5px 10px');
expect(await addButton.getCssValue('border-radius')).toBe('4px');

2
aio/content/examples/toh-pt6/src/app/hero-detail/hero-detail.component.css
View File

@ -13,7 +13,7 @@ input {
}
button {
margin-top: 20px;
font-family: Arial;
font-family: Arial, sans-serif;
background-color: #eee;
border: none;
padding: 5px 10px;

2
aio/content/examples/toh-pt6/src/app/heroes/heroes.component.css
View File

@ -57,7 +57,7 @@ button {
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-family: Arial;
font-family: Arial, sans-serif;
}
button:hover {

4
aio/content/examples/universal/e2e/src/app.e2e-spec.ts
View File

@ -172,7 +172,7 @@ describe('Universal', () => {
for (const button of buttons) {
// Inherited styles from styles.css
expect(await button.getCssValue('font-family')).toBe('Arial');
expect(await button.getCssValue('font-family')).toBe('Arial, sans-serif');
expect(await button.getCssValue('border')).toContain('none');
expect(await button.getCssValue('padding')).toBe('5px 10px');
expect(await button.getCssValue('border-radius')).toBe('4px');
@ -183,7 +183,7 @@ describe('Universal', () => {
const addButton = element(by.buttonText('add'));
// Inherited styles from styles.css
expect(await addButton.getCssValue('font-family')).toBe('Arial');
expect(await addButton.getCssValue('font-family')).toBe('Arial, sans-serif');
expect(await addButton.getCssValue('border')).toContain('none');
expect(await addButton.getCssValue('padding')).toBe('5px 10px');
expect(await addButton.getCssValue('border-radius')).toBe('4px');

2
aio/content/examples/universal/src/app/hero-detail/hero-detail.component.css
View File

@ -13,7 +13,7 @@ input {
}
button {
margin-top: 20px;
font-family: Arial;
font-family: Arial, sans-serif;
background-color: #eee;
border: none;
padding: 5px 10px;

2
aio/content/examples/universal/src/app/heroes/heroes.component.css
View File

@ -56,7 +56,7 @@ button {
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-family: Arial;
font-family: Arial, sans-serif;
}
button:hover {

4
aio/tools/examples/shared/boilerplate/common/src/styles.css
View File

@ -14,13 +14,13 @@ body {
}
body, input[text], button {
color: #333;
font-family: Cambria, Georgia;
font-family: Cambria, Georgia, serif;
}
a {
cursor: pointer;
}
button {
font-family: Arial;
font-family: Arial, sans-serif;
background-color: #eee;
border: none;
padding: 5px 10px;