在Codepen.io上导入外部CSS文件时出现问题 [英] Problems importing external CSS files on Codepen.io

查看:463
本文介绍了在Codepen.io上导入外部CSS文件时出现问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我喜欢使用 Codepen ,我正在尝试从 Pastebin

I love working with Codepen and I'm trying to import a css file from Pastebin.

以下是我在Pastebin上托管的外部文件的链接:

Here is a link to my external file hosted on Pastebin:

http://pastebin.com/raw.php?i=mj9dmzZw

并在该文件中链接到我的实际字体文件。

and inside that file I link to my actual font files.

我不知道我做错了什么。任何人都可能指向我正确的方向,或让我知道,如果这是可能的。

I'm not sure what I'm doing wrong. Could anyone point me in the right direction or let me know if this is even possible.

这是实际的代码。 http://codepen.io/ryanjgill/pen/CLitH

在CSS部分我注释掉了样式,我试图包括外部CSS文件。如果您取消注释图标字体的样式,您将在类型列中看到图标。

Inside the CSS section I have commented out the styling that I'm trying to include with the external CSS file. If you uncomment the styling for the iconfonts, you will see icons in the column 'Type'.

我尝试在css部分的设置中链接flie内置在codepen。并使用@include url(' http://pastebin.com/raw.php?i= mj9dmzZw ')里面的css。

I have tried linking the flie in the settings of the css section that is built into codepen. And using the "@include url('http://pastebin.com/raw.php?i=mj9dmzZw')" inside the css.

推荐答案

好吧,在CodePen页面上,css输入框的右上角有一个小写字母g。
您可以在那里导入.css。

Well, on CodePen page, there is a small letter 'g' top-right of css input box. You can import your .css there i think.

如果您需要一些 .css 扩展名来导入文件,创建一个新的file.css和@import您的Pastebin css从您的新file.css

If you need some .css extension to your file for importation, just create a new file.css and @import your Pastebin css from within your new file.css

这篇关于在Codepen.io上导入外部CSS文件时出现问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆