# Snapshot report for `lib/styles/compile-css.test.js`

The actual snapshot is saved in `compile-css.test.js.snap`.

Generated by [AVA](https://avajs.dev).

## should create font rule declarations

> Snapshot 1

    [
      {
        css: `@font-face {␊
            font-family: 'Font';␊
            font-display: auto;␊
            src: url('/font.svg#Font') format('svg'),␊
        		 url('/font.ttf') format('truetype'),␊
        		 url('/font.woff') format('woff');␊
        }`,
        family: 'Font',
      },
    ]

> Snapshot 2

    [
      {
        css: '@import \'https://static.dwcdn.net/css/roboto.css\';',
        family: 'Roboto',
      },
      {
        css: `@font-face {␊
            font-family: 'Font';␊
            font-display: auto;␊
            src: url('/font.svg#Font') format('svg'),␊
        		 url('/font.ttf') format('truetype'),␊
        		 url('/font.woff') format('woff');␊
        }`,
        family: 'Font',
      },
      {
        css: `@font-face {␊
            font-family: 'FontBold';␊
            font-display: auto;␊
            src: url('/fontBold.svg#FontBold') format('svg'),␊
        		 url('/fontBold.ttf') format('truetype'),␊
        		 url('/fontBold.woff') format('woff');␊
        }`,
        family: 'FontBold',
      },
      {
        css: `@font-face {␊
            font-family: 'FontItalic';␊
            font-display: auto;␊
            src: url('/fontItalic.svg#FontItalic') format('svg'),␊
        		 url('/fontItalic.ttf') format('truetype'),␊
        		 url('/fontItalic.woff') format('woff');␊
        }`,
        family: 'FontItalic',
      },
    ]

> Snapshot 3

    [
      {
        css: '@import \'https://static.dwcdn.net/css/roboto.css\';',
        family: 'Roboto',
      },
      {
        css: `@font-face {␊
            font-family: 'The font';␊
            font-weight: 400;␊
        	font-style: normal;␊
        	font-display: auto;␊
            src: url('/font.svg#The font') format('svg'),␊
        		 url('/font.ttf') format('truetype'),␊
        		 url('/font.woff') format('woff');␊
        }`,
        family: 'The font',
      },
      {
        css: `@font-face {␊
            font-family: 'The font';␊
            font-weight: bold;␊
        	font-style: normal;␊
        	font-display: auto;␊
            src: url('/fontBold.svg#The font') format('svg'),␊
        		 url('/fontBold.ttf') format('truetype'),␊
        		 url('/fontBold.woff') format('woff');␊
        }`,
        family: 'The font',
      },
      {
        css: `@font-face {␊
            font-family: 'The font';␊
            font-weight: 400;␊
        	font-style: italic;␊
        	font-display: auto;␊
            src: url('/fontItalic.svg#The font') format('svg'),␊
        		 url('/fontItalic.ttf') format('truetype'),␊
        		 url('/fontItalic.woff') format('woff');␊
        }`,
        family: 'The font',
      },
    ]

> Snapshot 4

    [
      {
        css: '@import \'https://static.dwcdn.net/css/roboto.css\';',
        family: 'Roboto',
      },
      {
        css: `@font-face {␊
            font-family: 'The font';␊
            font-weight: 400;␊
        	font-style: normal;␊
        	font-display: auto;␊
            src: url('/font.svg#The font') format('svg'),␊
        		 url('/font.ttf') format('truetype'),␊
        		 url('/font.woff') format('woff');␊
        }`,
        family: 'The font',
      },
      {
        css: `@font-face {␊
            font-family: 'The font';␊
            font-weight: bold;␊
        	font-style: normal;␊
        	font-display: auto;␊
            src: url('/fontBold.svg#The font') format('svg'),␊
        		 url('/fontBold.ttf') format('truetype'),␊
        		 url('/fontBold.woff') format('woff');␊
        }`,
        family: 'The font',
      },
      {
        css: `@font-face {␊
            font-family: 'The font';␊
            font-weight: 400;␊
        	font-style: italic;␊
        	font-display: auto;␊
            src: url('/fontItalic.svg#The font') format('svg'),␊
        		 url('/fontItalic.ttf') format('truetype'),␊
        		 url('/fontItalic.woff') format('woff');␊
        }`,
        family: 'The font',
      },
      {
        css: `@font-face {␊
            font-family: 'AnotherFontBold';␊
            font-display: auto;␊
            src: url('/anotherFontBold.svg#AnotherFontBold') format('svg'),␊
        		 url('/anotherFontBold.ttf') format('truetype'),␊
        		 url('/anotherFontBold.woff') format('woff');␊
        }`,
        family: 'AnotherFontBold',
      },
    ]
