1. The optimizeSpeed value of the text-rendering CSS property disables which feature? a) Ligatures b) Serifs c) Tracking d) Kerning e) Small-caps 2. A browser will only attempt to... 1. The optimizeSpeed value of the text-rendering CSS property disables which feature? a) Ligatures b) Serifs c) Tracking d) Kerning e) Small-caps 2. A browser will only attempt to hyphenate text if an HTML lang attribute is present, and a hyphenation dictionary is available. a) True b) False 3. Most people think that the ability to embed a font not installed on a user’s computer is quite new. But in fact, web font technology has been around since Internet Explorer 6. a) True b) False 4. The optimizeLegibility value of the text-rendering CSS property enables __________ in some fonts that are rendered below 20 pixels in size. a) Ligatures b) Serifs c) Tracking d) Kerning e) Small-caps 5. Each device has a default font size set for the HTML <body> element within the browser (or user-agent). For desktop browsers, this is usually set to: a) 12px b) 9px c) 10px d) 14px e) 16px 6. The @font-face rule has a few different syntax components. Match each part below with the appropriate description: font-family: b) This property establishes the name of the font that you will use later in your CSS to apply it to an element. src: a) The container for the file path or location (relative or absolute) that points to a specific font file. @font-face: d) The CSS rule that contains all the required Web font properties. Although it looks like a CSS selector, its job is to let your style sheet know that a particular font is available. 7. Setting the text to use anti-aliasing (with -webkit-font-smoothing) at small font sizes improves readability. a) True b) False 8. It is important that, from a legal perspective, any font embedded in a Web application is licensed to be used in that particular capacity. Fonts are not generally free. a) True b) False 9. What invisible HTML special character, when inserted inside a word in HTML, will act as a suggestion for a line-break when CSS hyphens are applied? a) Em dash b) “Soft” hyphen (shy) c) Line-break character d) “Hard” hyphen e) Minus character 10. Embedding a Web font into a Web application or page will not affect page load times. a) True b) False 11. Icon fonts can be a good alternative to image-based icons. They are also resolution-independent. a) True b) False 12. All Web fonts look exactly the same in all browsers. a) True b) False 13. Which of the following methods of applying Google’s Web Fonts service will permit you to use the Roboto font in your CSS? a) None of the code samples shown in this question would work properly. b) Any of the two code samples shown in this question will enable you to use the Roboto font as it is hosted on Google Web Fonts service. c) @import url(https://fonts.googleapis.com/css?family=Roboto); d) <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'> 14. If you’d like to use either the bold or italic face of a particular Web font, you need to create a separate @font-face rule for each, and point to the specific font file for these characters. a) True b) False 15. Quality fonts typically include information about how to horizontally space awkward combinations of specific characters. By setting the ____________________ property to normal, you can enable this feature. a) Letter-spacing b) Font-kerning c) Whitespace d) Text-rendering e) Word-spacing 16. Well-made fonts include specific glyphs (characters) to be used for italics and bold, whereas other fonts employ “faux variants” where the browser tries to fake it. a) True b) False 17. Inside the @font-face rule, you must set the value of font-family to match exactly the filename of the source file for the font to be used. a) True b) False 18. The default CSS line-height value in most browsers is usually ____________________. a) Too tight b) There is no default line-height value in most browsers c) Just right d) Too loose
Understand the Problem
The questions are related to web fonts and CSS properties, focusing on text rendering features, font embedding, and typography. Each question addresses a specific aspect of using fonts in web development, such as the effects of various CSS properties, licensing issues, and methods of applying web fonts. The user is likely studying or preparing for an exam or quiz related to web development.
Answer
1: a) Ligatures; 2: b) False; 3: a) True; 4: a) Ligatures; 5: e) 16px; 6: Correct matching is provided; 7: a) True; 8: a) True; 9: b) “Soft” hyphen (shy); 10: b) False; 11: a) True; 12: b) False; 13: d) <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>; 14: a) True; 15: b) Font-kerning; 16: a) True; 17: b) False; 18: c) Just right
1: a) Ligatures; 2: b) False; 3: a) True; 4: a) Ligatures; 5: e) 16px; 6: Correct matching is provided; 7: a) True; 8: a) True; 9: b) “Soft” hyphen (shy); 10: b) False; 11: a) True; 12: b) False; 13: d) ; 14: a) True; 15: b) Font-kerning; 16: a) True; 17: b) False; 18: c) Just right
Answer for screen readers
1: a) Ligatures; 2: b) False; 3: a) True; 4: a) Ligatures; 5: e) 16px; 6: Correct matching is provided; 7: a) True; 8: a) True; 9: b) “Soft” hyphen (shy); 10: b) False; 11: a) True; 12: b) False; 13: d) ; 14: a) True; 15: b) Font-kerning; 16: a) True; 17: b) False; 18: c) Just right
More Information
These answers cover a wide range of CSS and web font related topics that are essential for web design and typography. Ligatures and font kerning enhance text readability, while the proper use of web fonts can influence site performance and aesthetics.
Tips
A common mistake is confusing 'optimizeSpeed' with 'optimizeLegibility'. Always check CSS property documentation.
AI-generated content may contain errors. Please verify critical information
