Merge pull request #113 from atom-community/use-@font-family

fix: use @font-family

Author: aminya

README.md

@@ -18,7 +18,7 @@ You can also search for [packages](https://atom.io/packages/search?q=IDE) in Ato
 
 3. Install `busy-signal` package in Atom, which is used for signaling background tasks.
 
-![screenshot](https://user-images.githubusercontent.com/16418197/105845878-08fb6a80-5fa1-11eb-94e3-2b0594f497c2.png)
+![screenshot](https://user-images.githubusercontent.com/16418197/106399263-3438ec00-63dd-11eb-91c2-2c3b0522fe3d.png)
 
 ## Contributing
 

styles/atom-ide-datatips.less

@@ -8,7 +8,7 @@
   pointer-events: all; // hyperlinks will work
   // user-select: text;   // allow selecting text // TODO does not work
 
-  font-family: var(--editor-font-family);
+  font-family: @font-family;
   font-size: var(--editor-font-size);
 
   max-height: 500px;