Google

Google is... Well... Google. Everybody knows this company, no one needs extra information, I guess. Are do they?

Google authenticator app

When I recently switched hosting they asked me to activate 2FA (two factor authentication) for security reasons. They proposed to use the authenticator app of Google.

I installed this Google Chrome extension to be able to generate the code my web hosting company was requesting.

During installation of the extension I was requested to try it out to see if I got the mechanism behind this 2FA. So, I pressed the scan icon on the extension (located in the top-right of the menu bar of the extension) and I could draw a square around the QR code presented by the extension.

Once the QR code was scanned I got a test entry in the extension indicating all was fine. There was also a code generated in the extension that I had to give to the test application for verification. I also saw the code was not lasting for a long time so I had to be "fast".

Then I activated the 2FA on my website and the web hosting company also gave me a QR code to scan. Applying the same mechanism as for the test application I got a new entry in the authentication extension, but this time "for real". It was linked to my web hosting company.

At the end, I was still having that test 2FA which I didn't want anymore. To get rid of it was in fact quite simple and was nicely explained in this YouTube video. It's a matter of selecting the pencil in the top-right corner of the menu bar of the authenticator extension (next to the scan icon) and then clicking the - icon next to the test 2FA, located in the top-left corner of the test 2FA item. I had to confirm that I wanted to delete that 2FA stuff and I got rid of it...

Google fonts

If you want to use and/or embed Google fonts in your web environment, this is the place to be:

https://fonts.google.com/specimen/Roboto?preview.size=14&query=roboto

The example shows Roboto font but you can search for whatever font Google is making available. You can also change all possible parameters by first selecting the font type you want and then play with parameters like size and so on.

Once you have what you want, press the + sign at the right side of the font block and in the right area that appears you can copy/past the code needed to use in your web environment.

How to choose the font

Go to Google Fonts
Select your font type: example Roboto
Select the font appearance you like (for Roboto, I like the ones made by Christian Robertson)
Play with the size slider until you have the font size you like
Press the + sign on the right to be able to copy/paste the correct syntax to be used on your web environment.

Mine, and only mine... 😉

I used this method to adapt the footer of this website. It now looks like this:

<!DOCTYPE html>

<html>

<body>

<style>

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

body {

font-family: 'Roboto', sans-serif;

font-weight: bold;

font-style: italic;

font-size: 14;

}

</style>

2020 -

document.write(new Date().getFullYear());

</script>

, Geert Vancompernolle

</body>

</html>

As you can see, it also contains an "auto-adapt-the-year-for-me-please" JavaScript to adapt the current year automatically. Done with the manual adaptations!

And next to this I also added a green-ish line above my header to separate it from the rest of the page content.

Page updated

Google Sites

Report abuse