Please provide more examples of loading fonts...

[reduxdj]

This is a point of confusion, no matter what i do, i get errors trying to load fonts.... seems like it's a common issue with webpack and stylus

[ali]

hi @reduxdj. I've been able to use stylus-loader with web fonts. If you post some more info about the errors you're running into + your config maybe I can point you in the right direction?

[Jeremboo]

Hi @reduxdj,

I have a mixin inspired by the Emmanuel Beziat's codepen to load webfonts correctly

// WEB FONT
// Ex: 
// fontPath = "../assets/fonts/";
// webfont("Avenir", fontPath + "Avenir/AvenirLTStd-Roman", 300, normal, otf)
webfont(family, fileUrl, font-weight = false, font-style = false, formats = eot woff2 woff truetype svg)
	@font-face
		fonts = ()
		font-family family
		if eot in formats
			push(fonts, 'url("' + fileUrl + '.eot?iefix") format("emebedded-opentype")')
		if woff2 in formats
			push(fonts, 'url("' + fileUrl + '.woff2") format("woff2")')
		if woff in formats
			push(fonts, 'url("' + fileUrl + '.woff") format("woff")')
		if opentype in formats || otf in formats
			push(fonts, 'url("' + fileUrl + '.otf") format("opentype")')
		if truetype in formats || ttf in formats
			push(fonts, 'url("' + fileUrl + '.ttf") format("truetype")')
		if svg in formats
			push(fonts, 'url("' + fileUrl + '.svg#' + family + '") format("svg")')
		src unquote(join(", ", fonts))
		if font-weight
			font-weight font-weight
		if font-style
			font-style font-style

Hope it helps you.

[reduxdj]

Thanks so much!