Angular CLI でワークスペース作成後にやること

prettierの設定ファイルの作成

touch src/prettierrc.json

{
  "singleQuote": true,
  "trailingComma": "all",
  "arrowParens": "always"
}

Font Awesome を install

方法はいくつかあるが、Font Awesome公式ドキュメントのやり方で
https://fontawesome.com/how-to-use/on-the-web/using-with/angular

yarn add @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/angular-fontawesome

install後、src/app.module.ts のimportsにFontAwesomeModuleを追加

normalize.cssをinstall

yarn add normalize.css

angular.jsonのprojects.[project name].architect.build.options.stylesにyarn addしたnormalize.cssを追加

"styles": [
  "src/styles.scss",
  "./node_modules/normalize.css/normalize.css"
],

Webフォントの追加

最初はとりあえずNoto Sans JPを追加。
src/index.htmlのheadに追記

<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP" rel="stylesheet">

src/style.scssでfont-familyの設定

html,
body {
  font-family: 'Noto Sans Jp';
}