Air3s:
Here is my typesetting project, howâd I do
https://jsfiddle.net/y1e1dLmg/
It is slightly hard to tell from this JSFiddle, as a lot of the paths, etc. arenât correct for this context, so things arenât working, etc.
The finished live example is here:
https://mdn.github.io/learning-area/css/styling-text/typesetting-a-homepage-finished/
The finished source code is here:
github.com
mdn/learning-area/blob/master/css/styling-text/typesetting-a-homepage-finished/index.html
St Huxley's Community College
St Huxley's Community College
Brave new world
It's a brave new world out there. Our children are being put in increasing more competitive situations, both during recreation, and as they start to move into the adult world of examinations, jobs, careers, and other life choices. Having the wrong mindset, becoming too emotional, or making the wrong choices can contribute to them experiencing difficulty in taking their rightful place in today's ideal society.
As concerned parents, guardians or carers, you will no doubt want to give your children the best possible start in life â and you've come to the right place.
This file has been truncated. show original
The marking guide is here:
github.com
mdn/learning-area/blob/master/css/styling-text/typesetting-a-homepage-finished/marking-guide.md
# Marking guide for "Typesetting a community school homepage"
The following guide outlines a marking guide for the MDN Learning Area HTML Topic â [Typesetting a community school homepage](https://developer.mozilla.org/en-US/Learn/CSS/Introduction_to_CSS/Fundamental_CSS_comprehension). Each subtask detailed in the assessment is listed below, along with an explanation of how many marks the task is worth, and the mark breakdown.
Note: These are guidelines, not set in stone rules â you are of course free to use your judgement on mark awarding when you meet an edge case, or something that isn't clear cut.
The overall mark awarded is out of 40. Work out their final mark, and then divide by 40 and multiply by 100 to give a percentage mark. For reference, you can find a [finished typeset homepage](index.html) that would be awarded top marks.
## Fonts
"download a couple of free-to-use fonts" (3 marks)
the student will get one mark for the suitability of each of the two fonts (the description in the question says "the fonts should be chosen to give the page a fairly serious, formal, trustworthy feel â a serif side-wide font for the general text body, coupled with sans-serif or slab serif for the headings might be nice.") and one mark for the fonts being ok to use.
"Use a suitable service to generate bulletproof @font-face code" (2 marks)
The student will get the marks by using a service like fontsquirrel's generator to create bulletproof @font-face code. You can check it against the example linked above. If it is not cross-browser, or fails to apply the fonts, then they get no marks.
"Apply your body font to the whole page, and your heading font to your headings." (3 marks)
The body font should be applied to the <html> element, and the heading font should be applied only to <h1> and <h2>. One mark for each. Also, one bonus mark for providing something of a fallback for each in a font stack, and not just a single font.
## General text styling
This file has been truncated. show original
Have a look and see how your code matches up
![[RDF Data]](/fct/images/sw-rdf-blue.png)
