Day 86/100 Font Weight
source link: https://dev.to/riocantre/day-86100-font-weight-50jp
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
100daysofCode (44 Part Series)
Finding the right balance on details needed to accomplish the ideal design must value the hierarchy of context and establish possible outcomes to solidify the final result.
The font-weight property can take any one of these keyword values:
-
bold: Bold font weight. -
normal: Normal font weight. This is the default value. -
lighter: One font weight lighter than the element’s parent value. -
bolder: One font weight bolder than the element’s parent value
Numerical values can range from 1 (lightest) to 1000 (boldest), but it
is common practice to use increments of 100. A font weight of 400 is equal to the keyword value normal, and a font weight of 700 is equal to bold.
Code Snippets
let season = 'summer';
if (season === 'spring') { console.log('It\'s spring! The trees are budding!'); } else if (season === 'winter') { console.log('It\'s winter! Everything is covered in snow.'); } else if(season === 'fall') { console.log('It\'s fall! Leaves are falling!'); } else if(season === 'summer') { console.log('It\'s sunny and warm because it\'s summer!'); } else { console.log('Invalid season.'); }
a11y myths
Web accessibility is just a developer's job
It's a team effort. Designers create accessible UIs, developers build it, QA engineers do the accessibility testing, PMs make sure that accessibility is included in the team processes, legal team checks if a product is risk free from an accessibility perspective, content managers adjust content to be compliant.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK