A la respuesta de cómo implementar un `Sweetalert2`, sólo tienes que añadir las librerías necesarias, `jQuery` y las propias de `sweetalert2` y luego modificar la sintaxis del `alert`.

Aquí te dejo una muestra funcionando. y [aquí][1] su web con más información sobre los parámetros configurables

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <!DOCTYPE html>
    <html lang="es">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.11.0/sweetalert2.css"/>
       <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.11.0/sweetalert2.js"></script>
    </head>
    <body>
    <script>
    function alerta(){
     swal({
       title: "¡ERROR!",
       text: "Esto es un mensaje de error",
       type: "error",
     });
    }
         alerta();                   
    </script>
    </body>
    </html>

<!-- end snippet -->


En cuanto a lo de las comillas es posible que [esta respuesta][2] te ayude un poco.


  [1]: https://sweetalert2.github.io/
  [2]: https://es.stackoverflow.com/a/34013/7478