custom_font

_.md

[ Launch Inlet ]
Gist #4003706

config.json

{"description":"custom_font","endpoint":"","display":"div","public":true,"require":[],"tab":"edit","display_percent":0.45982216041992036,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01}

inlet.js

var display = d3.select("#display");
console.log(display.node());

var fontsize = 61
var svg = d3.select("svg");
svg.append("text")
	.attr({x: 38, y: 155})
    .text("aerhoaihaer")
	.style("font-family", "Source Sans Pro")
    .style("font-size", fontsize);

test.html

<div>
  
  <svg>
    <path id="walking" d="M50,0C22.385,0,0,22.385,0,50c0,27.609,22.385,50,50,50s50-22.391,50-50C100,22.385,77.615,0,50,0z M49.305,20.454  c2.51,0,4.546,2.036,4.546,4.546c0,2.509-2.036,4.545-4.546,4.545S44.76,27.509,44.76,25C44.76,22.489,46.795,20.454,49.305,20.454z   M68.056,50c0,1.569-1.272,2.84-2.84,2.84c-1.571,0-2.844-1.271-2.844-2.84v-4.416L58.396,42v10.262l8.823,22.548c0,0,0,0,0.001,0  l0.033,0.084l-0.006,0.001c0.149,0.387,0.24,0.802,0.24,1.241c0,1.883-1.527,3.41-3.408,3.41c-1.443,0-2.672-0.902-3.169-2.171  l-0.005,0.003L52.36,55.545l-12.588,22.27l-0.014-0.007c-0.586,1.032-1.682,1.739-2.954,1.739c-1.882,0-3.409-1.527-3.409-3.41  c0-0.61,0.174-1.178,0.455-1.671l-0.013-0.007l13.194-23.344v-7.588l-6.909,8.29l-0.028-0.024c-0.521,0.627-1.276,1.047-2.154,1.047  c-1.569,0-2.841-1.271-2.841-2.84c0-0.692,0.277-1.301,0.687-1.793l-0.028-0.024l11.364-13.637c2.951-2.951,6.302-4.009,8.627-2.566  l11.363,10.227l-0.017,0.019c0.579,0.518,0.958,1.253,0.958,2.091V50z">
    </path>
  </svg>
</div>

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Source+Sans+Pro:300:latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>