If you are looking to update the FontAwesome files in font.scss, you'll need to do the following:
- Download css and webfont files from FontAwesome. Sign in with our shared dev account, find our "Code.org Kit", then click "Download Web Files" from the "Self-Host on the Web" option. This should produce a download of a superset of files you'll need to upload to S3 (we only use the css and webfont directories).
- Use "Host Yourself - Webfonts" instructions here. Supplement with the "Version 4 Compatibility" instructions listed there as well. link
- Once you've downloaded the kit, updated relative paths for font files listed in CSS to be absolute paths to URLs storing font files, and uploaded them to a S3 bucket where we can access them. I've timestamped the folder location in S3 such that a developer can upload an updated set of files without affecting production.
- Updated CORS configuration on
cdo-dscobucket to allow fetching of these files across code.org, studio.code.org, and hourofcode.com. More documentation on those changes are in this Slack thread.
At time of writing, these files were referenced in the following places:
Hard coded strings
- Applab Exporter: apps/src/applab/Exporter.js
- hourofcode.com: pegasus/sites.v3/hourofcode.com/styles/030-font-awesome-min.css
- shared: shared/css/font.scss (shared strings defined here)
Usages of shared strings
- pegasus: pegasus/sites.v3/code.org/public/css/font-awesome.min.scss
- dashboard: dashboard/app/stylesheets/application.scss