| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /nginx/html/JimMartinson/Classes/CST1021/Labs/ |
Upload File : |
Lab 9 - Web Fonts & Effects
WARNING! WARNING! WARNING!
If the fonts are not loading check two things:
The use of \ instead of / in the url.
Ensure the url is enclosed in quotes (single or double).
Deductions for any elements required by the lab that are not present or incorrect:
-25 if the CSS Validation Service or Markup Validation Service report errors. No further grading will be done.
-8 for each missing declaration, element, or like group.
-4 for each incorrect declaration, element, or like group.
-1 for any additional css declarations or html elements that have errors.
There are some things I expect. If they are incorrect you will lose the following:
Work submitted incorrectly: -2 pts. This covers errors such as incorrect files names, incorrect file formats, poor formating, etc.
Second and subsequent submission of work for grading: -2 pts.
Work submitted late: -2 pts per week.
I reserve the right not to apply the deduction points at my absolute discretion.
-1 Work submitted incorrectly.
Your Lab09 folder was misnamed `Lab 09`.
-1 Work submitted incorrectly.
You have many files included in your submission that were not required.
-1 Work submitted incorrectly.
You have many files included in your submission that were not used.
-25 You did not include your font files with your submission.
-2.5 Work submitted late.
-2.5 Second and subsequent submission of work for grading.
Lab09.css:
-25 The CSS Validation Service at https://jigsaw.w3.org/css-validator/validator.html.en reported errors.
You really must validate your css before submitting your assignment.
=e
Lab09.css:
-25 Your fonts are not in your submission. I cannot grade the lab without the fonts.
=e
Lab09.css:
-25 Your fonts are not in your submission in a way that the css can load them. They must be in the url you declare.
=e
Lab09.css:
-25 You did not use local fonts in your css declarations. External links are not allowed in this lab.
=e
Lab09.css:
-25 You declared the font-faces correctly but did not style and elements to use those font-familys.
=e
Lab09.css:
-25 Your font-face rules do not include all font files. See steps 3.3 and 3.4.
Your rule must declare both font file formats in the src.
=e
Lab09.css:
-10 Your font-face rules do not include two font files for each font. See steps 3.3 and 3.4.
You are also missing the second font file for each font.
Both must have .ttf file and either the .woff or .woff2 file.
Your src url is also wrong as the src must declare two url parts (one for each file).
You also have many files that are unused. these must be removed.
=e
Lab09.css:
-10 Your font-face rules do not include all font files. See steps 3.3 and 3.4.
You are also missing the second font file for each font. Both must have .ttf and .woff or .woff2 files.
Your src url was also wrong. Please also remove all font files not used.
=e
Lab09.css:
OK.
Lab09.html:
-25 The Markup Validation Service at https://validator.w3.org/ reported errors.
You really must validate your html before submitting your assignment.
=e
-2 Extra files in submission.
WARNING! WARNING! WARNING!
If the fonts are not loading check two things:
The use on \ instead of / in the url.
Ensure the url is enclosed in quotes (single or double).
Lab09.css:
-10 Overlapping font-face rules.
You are not defining a second source for the fonts.
Instead you are over-writing the previous font-face src.
See: https://css-tricks.com/snippets/css/using-font-face-in-css/ for an example.
-10 Multiple src declarations.
The way the font-face src declaration works is that when there are mutiple src lines,
the above lines are replaced, not added to.
See: https://css-tricks.com/snippets/css/using-font-face-in-css/ for an example.
-10 Your font-face rules do not include two font files for each font. See steps 3.3 and 3.4.
The src must declare two url parts (one for each file).
See: https://css-tricks.com/snippets/css/using-font-face-in-css/ for an example.
-2 Lines 14,27; The font family name includes spaces.
The name should be enclosed in quotes.
Only the browser tendency to fix errors allows the font to be used correctly.
-1 Step 3.1; Missing the `@charset "utf-8";` line.
-1 Step 3.2; Missing the required comment.
Missing font files.
-6 Step 3.3; Missing .ttf, .woff, or .woff2 font files.
Each of your fonts must be available in two formats.
One of them must be ttf and the other can be either woff or woff2.
-0 Step 3.4; Same problem.
-3 Step 3.4; Missing .ttf, .woff, or .woff2 font files.
Each of your fonts must be available in two formats.
One of them must be ttf and the other can be either woff or woff2.
You do not have a .woff or .woff2 verion of your AukreyMooaDemoDemo-GOGRq font.
Incorrect url values
-6 Step 3.3; Lines 6-11; Incorrect url values. Fonts will not be loaded.
You have the fonts for this font-family in the Optimus_BoldFont folder.
URLs must be relative. Try pre-pending the folder name. e.g. url('Optimus_BoldFont/Optimus-Bold.eot').
-6 Step 3.3; Incorrect url values. Fonts will not be loaded.
You did not configure your @font-face src correctly.
instead of setting the scr for both the fft and woff files you added a new @font-face for the woff files.
See https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts for an example that declares two font files.
=e
-6 Step 3.4; Lines 6-11; Incorrect url values. Fonts will not be loaded.
You have the fonts for this font-family in the Optimus_BoldFont folder.
URLs must be relative. Try pre-pending the folder name. e.g. url('Optimus_BoldFont/Optimus-Bold.eot').
-4 Step 3.3; Line 8; Incorrect url value.
You only load the .woff2 font file.
The declaration must try to load both the .ttf and .woff2 files.
See https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts for an example that declares two font files.
-4 Step 3.4; Line 14; Incorrect url value.
You only load the .woff2 font file.
The declaration must try to load both the .ttf and .woff2 files.
-3 Step 3.4; Lines 5-8; Incorrect src declaration.
You have two src declarations. You need to combine them into one.
See: https://css-tricks.com/snippets/css/using-font-face-in-css/ for an example.
Note the use of a comma instead of a semicolon.
The declaration should also end with a ;
-4 Step 4.3; You did not use both fonts effectively in your page.
Your css only used the merriweather font-family.
See https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts for an example that declares two font files for an @font-face rule.
-2 lines 3-8; You cannot define two font-family declarations in on @font-face declaration.
Only the second one is declared. Use two @font-face declarations.
=e
Lab09.html:
OK.
-25 You have an internal style.
All css declarations must be in the external style sheet. No internal or inline styles may be used in the html.
You already have the @font-face rules there. Simply move your h2 and p rules there as well and delete the internal style.
-25 You may not use external links like:
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
If you move the fonts from the transfonter.org-25190423-170347 and transfonter.org-25190503-163736 folders into the root of your MMDT1021-SierraFogel-Lab09 folder then the declarations you have in your Lab09.css will work.
They don't work now because the path to the fonts are incorrect.
-10 This lab requires you to use local, not cdn fonts. You need to download/create LOCAL .eot, .woff, .ttf, nd .svg fonts and use them.
Find free web fonts and if they do not contain the four files, use https://transfonter.org/ of another site to create them.
-2 Use of internal style. The lab required all styles to be in the external style sheet.
-25 The CSS Validation Service at https://jigsaw.w3.org/css-validator/validator.html.en reported errors.
-1 Missing the h1 heading required in all labs.
-1 Missing the stop html tag.
https://transfonter.org/
+1 Good work here, nice looking code. I am giving you back a point for this.
Good work here, nice looking code.