Z1 Developers Handbook
GitHubGitHub (opens in a new tab)
  • Introduction
  • How to collaborate
  • Setup your mac
  • Setup your IDE
  • Best practices
  • Apollo client
  • Docs
    • Pull request template
  • UI bookmarks
  • Manually deploy to Vercel
  • Proposals
    • How to make a new proposal
    • Proposal. Migración a pnpm desde Yarn Berry
  • HTML training
  • Notas sobre el uso de Graphql en los proyectos
  • Cómo conectar Slack y Github
  • Stylelint
    • How to config Stylelint
    • Migrate v14 to v15
  • Troubleshooting
    • nextjs
      • Unexpected Issues with Query Params
  • Snippets
    • Global styles
    • Layout tips
  • Introduction
  • How to collaborate
  • Setup your mac
  • Setup your IDE
  • Best practices
  • Apollo client
  • Docs
    • Pull request template
  • UI bookmarks
  • Manually deploy to Vercel
  • Proposals
    • How to make a new proposal
    • Proposal. Migración a pnpm desde Yarn Berry
  • HTML training
  • Notas sobre el uso de Graphql en los proyectos
  • Cómo conectar Slack y Github
  • Stylelint
    • How to config Stylelint
    • Migrate v14 to v15
  • Troubleshooting
    • nextjs
      • Unexpected Issues with Query Params
  • Snippets
    • Global styles
    • Layout tips
      • Code Snippets
      • Resources and tutorials

On This Page

  • Code Snippets
  • Display typography in any browser
  • Resources and tutorials
Question? Give us feedback → (opens in a new tab)Edit this page
Snippets
Layout tips

Layout Tips

Code Snippets

Display typography in any browser

html, body { 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga","kern"
	font-variant-numeric: proportional-nums;
}

Resources and tutorials

  • Game to learn Flexbox → http://flexboxfroggy.com
Global styles

2023 © Z1 digital studio