Loading custom font Open Sans and its variants(bold ,semibold) in material ui

Question

Im using Material UI with Create React App and trying to include "Open Sans" font that I downloaded in ttf format. Following the documentation on Material UI for self