Note: the order of the src properties.
src: *.otfsrc: *.eot#iefix, *.woff2, *.woff, *.ttf, *.svgsrc: *.eot
This happens when "sort-order-fallback": "abc" is set because it tries to put them in alphabetical order which is awesome, however it shouldn't try to alphabetize them based off of their values only their properties, and it shouldn't reorganize properties that are the same.
Luckily I was able to fix this problem by just adding "src" to the "sort-order" array but I figured I'd bring this issue up incase anyone else runs across the same problem trying to figure out why their @font-face isn't working correctly.
I'm having an issue with csscomb reordering the same property when it shouldn't. The biggest issue is when dealing with @font-face
This is what is put in.
Note: the order of the
src
properties.src: *.eot
src: *.eot#iefix, *.woff2, *.woff, *.ttf, *.svg
src: *.otf
This is what what csscomb outputs
Note: the order of the
src
properties.src: *.otf
src: *.eot#iefix, *.woff2, *.woff, *.ttf, *.svg
src: *.eot
This happens when
"sort-order-fallback": "abc"
is set because it tries to put them in alphabetical order which is awesome, however it shouldn't try to alphabetize them based off of their values only their properties, and it shouldn't reorganize properties that are the same.Luckily I was able to fix this problem by just adding
"src"
to the"sort-order"
array but I figured I'd bring this issue up incase anyone else runs across the same problem trying to figure out why their @font-face isn't working correctly.