Use of icon as part of other element changes the font face
I am using the icons as follows:
`<a class="ai ai-google-scholar-square ai-3x" href="http://www.example.com">example.com</a>`

Unfortunately, this changes the font type of the "example.com" Link due to the definition of class type `.ai`.

I get the desired result (Link in default font and prepended icon), when chaning the CSS as follows:

Old:
```
.ai {
	display:inline-block;
	font:normal normal normal 14px/1 Academicons;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
```

New:
```
.ai {
	display:inline-block;
	font:normal normal normal 14px/1 Academicons;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
```

Is there any reason for not defining the CSS like this?