Algolia adds two inline styles
```css
position: relative;
vertical-align: top;
```
to the element once the script inserted at the end of the page runs which super slightly moves the header. The fix is to always apply those two rules this way it doesn't jump. I did not notice it on my machine because it doesn't move when custom fonts are not being used.
Test Plan:
- Open two tabs: reactjs.com and localhost:4000/react
- Click around on reactjs.com to prime the cache with the fonts
- Switch tabs and click around on localhost (but do not force refresh!)
- Now you get custom fonts loaded locally and it doesn't jump when you change tabs
I traced the current logo in Illustrator to get a good version. And with
SVG we don't need any 2x magic because it's already vector. I should
probably care about IE8, but I don't.
Varun Bhuvanendran
Kevin Lacker
Ben Alpert
Keyan Zhang
Christopher Chedeau
Joe Critchley
John Ryan
Sercan Eraslan
Justas Brazauskas
Vipul A M
Paul O’Shannessy
Ben Alpert
Jared Forsyth
Joseph Savona
Bartosz Kaszubowski
Robert Sedovsek
Jim
Steven Luscher
Cheng Lou