Fix issue #27 by splitting formats and file extension

Status: **Opened for visibility**
Reviewers: @jeffkamo @ry5n @mediumjones 

## Changes
- Made the `$font-formats` variable a key value pair where the key is the file extension and the value is CSS's expected name for the format.