Is there a way to convert an .eot to .woff or call another file in css-CodePudding

I have this big chunk of text that looks something like this:

url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAHnQABMAAAABHZAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABqAAAABwAAAAcbWcNJUdERUYAAAHEAAAANQAAADgF/) format("woff")

I would like to rather call the text like so src: url("Font.woff");

I don't have the woff file for the font, can I convert the .eot file I have to woff? If so how? Otherwise is there way to call a .txt file from my styles.css so I don't have this monstrosity paragraph in there.

CodePudding user response：

CSS: Using @fontface

@font-face {
font-family: 'Montserrat'; /* Gewünschter Name */
src: url('../../../fonts/Montserrat-Medium.eot');
/* für IE9 */
src: url('../../../fonts/Montserrat-Medium.eot') format('embedded-opentype'), /* für IE6-IE8 */
url('../../../fonts/Montserrat-Medium.woff') format('woff'), /* für moderne Browser */
url('../../../fonts/Montserrat-Medium.ttf') format('truetype');
/* für Safari, Android, iOS */
}

CodePudding user response：

The answer was drag your eof into google chrome's url and it will save it for you as a .wof - that simple.