Scss List Font-Face Loop - list

Question

I'm trying to use SCSS to render out the webfont font-face declaration in css. I defined variable names for the font-family and the file name in a list. Then I used the variable names as placeholders in the css.
I can't find the error in my code.
$fonts: (
"paradise thoughts": paradisethoughts-regular,
"masterblush": masterblush-regular,
"steadfast": steadfast-regular,
"beautiful bloom": beautiful-bloom-regular,
"rosefield": rosefield-regular,
"silverberry": silverberry-regular,
"little bestseller": little-bestseller-regular,
"the saturday": thesaturday-clean-regular,
"smaragdines script": smaragdines-script-regular,
"trendsetter": trendsetter-regular,
"imperfectly": imperfectly-regular,
"summer festival": summer-festival-regular,
"northern lights": northern-lights-regular,
"hello stockholm": hello-stockholm-regular,
"wilderness": wilderness-regular,
"riverside avenue": riverside-avenue-regular,
"perfect sunset": perfect-sunset-regular,
"sugarstyle millenial": sugarstyle-millenial-regular,
);
#each $family, $file in $fonts {
#font-face {
font-family: '#{$family}';
src: url('#{$file}.eot');
src: local('#{$family} regular'), local('#{$file}'),
url('#{$file}.eot?#iefix') format('embedded-opentype'),
url('#{$file}.woff2') format('woff2'),
url('#{$file}.woff') format('woff'),
url('#{$file}.ttf') format('truetype'),
url('#{$file}.svg##{$file}') format('svg');
font-weight: normal;
font-style: normal;
}
}
Thanks in advance!