<!DOCTYPE html>
<html>
<head>
<title>Inline SVG with external font as URL</title>
</head>
<body>
<p>Svg completely defined inside the html below</p>
<svg width="500" height="400" xmlns="http://www.w3.org/2000/svg" version="1.1">
    <style>
        @import url('https://fonts.googleapis.com/css?family=Roboto');
    </style>
    <rect width="500" height="400" fill="none" stroke="black"/>
    <line x1="0" y1="0" x2="20" y2="135" stroke="black"/>
    <circle cx="20" cy="135" r="5" fill="none" stroke="black"/>
 