Hello there,

I want to add the different kind of fonts (the fonts option which is supposed to be HERE, and I already have added them in the server HERE.

So how can I active them. Help me please. Thanks

There is no direct option to add webfonts to the editor. The existing font drop-down menu just calls a few system fonts on the user’s device. 

You could use the Add Button feature to add a specific CSS class and then assign the fonts to this class in your theme CSS. 

Or you need to use a CKeditor plugin. I think there are ones to connect to Google Webfonts, which have the fonts you showed as well.