How to @import a css file only for wide screens

How to @import a css file, such as for an open fonts hosted by Google, only for wide screens, such as with px of larger than 846?

A piece of css that you can use:

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700,900) (min-width:846px)

This import Open Sans fonts for only screens of at least 846 px.