Inject css link to the head with javascript/jquery

Question

How would you be able to inject a css link thats in the middle of the page to the head using javascript

<head>
  ... styles here
</head>
<body>
 code
 <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,900' rel='stylesheet' type='text/css'>
</body>

i need some sort of javascript to push the google fonts into head, what would be the easiest way?

What would be the point? If you can add JavaScript to the page, why can't you manually move the CSS link? No to mention the fact that by the time the JS has found the link, the link should have already been loaded. — j08691
– j08691, Commented Aug 10, 2015 at 14:05
i only have access to part of the code so not the head, also it was to try and solve another problem this font doesnt seem to work in firefox — jsg
– jsg, Commented Aug 10, 2015 at 14:08
Try giving this a read: stackoverflow.com/a/6220566/3756866 - you could probably have it added after your <title> — Adam
– Adam, Commented Aug 10, 2015 at 14:08

Varun · Accepted Answer · 2015-08-10 14:09:37Z

0

$('head').append("<link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,900' rel='stylesheet' type='text/css'>");

Try this and let me know if this worked.

answered Aug 10, 2015 at 14:09

Varun

1,9562 gold badges12 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

DrLazer · Accepted Answer · 2015-08-10 14:13:52Z

0

Something as simple as ....

$("head").append($("link").clone());

You could make your selector more specific if you have other link elements

answered Aug 10, 2015 at 14:13

DrLazer

3,2234 gold badges44 silver badges56 bronze badges

Comments

Rahul Kapoor · Accepted Answer · 2015-08-10 14:24:02Z

0

In javascript you can do it like this :

<script type="text/javascript">

$('head').append("link");

</script>

answered Aug 10, 2015 at 14:24

Rahul Kapoor

1451 gold badge4 silver badges20 bronze badges

Collectives™ on Stack Overflow

Inject css link to the head with javascript/jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related