关于字体图标的一些心得

最近本屌在写html。

有个坎一直过不去,也是一直知道存在这么个坎的,平时(工作之外)蒙着眼睛就过去了,现在有个页面有图标,又不想用spring来做(作图技术太渣),并且听说现在都流行用图标来做了,也只是听说而已哎。

开始想怎么弄字体图标了,首先是看别的网站是怎么弄的,这里参考36kr。

打开36kr,chrome打开开发者工具,看newwork,将type为font的文件下载到本地,

1

,如果你不想看这个很长很长的文件列表,也可以ctrl+s把整个网站的资源下载到本地,然后再在下载下来的文件夹里面找字体,通常有ttf格式,woff格式,svg格式。

好了,这些文件就是相当于一个sping的图标集,可是怎么打开这些文件了,双击? NO,那样只会把字体安装到你的电脑上,这字体本身并没什么意义,因为在网页上显示图标要找到图标相对的转义字符,可是怎么知道这些字体文件里面有哪些图标呢?一个nubility的软件登场了,那就是牛逼哄哄的FontCreator,你可以在这里下载,然后在这里看如何破解(屌丝都这样,别介意…),

好了,现在假设你破解好了,然后用FontCreator打开你下载过来的字体,你可以看到里面是不是有很多小图标?图标上面是不是有uniE600啊uniE601啊之类的文字,好了,这里记住这些数字就可以了,

2

然后开始写css了,在样式文件css中导入字体:


@font-face {
font-family: 'icomoon-header';
src: url('../fonts/icomoon.woff') format('truetype');
font-weight: normal;
font-style: normal;
}

注意路径哦~

然后找到你要添加图标的一个元素,比如.wrap或者#wrap,在样式文件中写入伪元素样式,伪元素简单来说是虚假的元素,(如果不懂什么是伪元素可以去百度一下或者w3cschool看一下)

.wrap:before{

content: ‘\e603’;

}

或者后面

.wrap:after{

content: ‘\e603’;

}

把这里的603换成你要的那个图标上面的数字,然后网页刷新,就可以看到你想要的图标了,另外可以去icomoon做图标哦,灰常建议!

Win7系统文件上添加Sublime Text 3的打开方式

  1. 打开注册表编辑器

    开始–运行,输入regedit。(win+r,使用快捷键打开运行窗口)

  2. 查找节点

    在注册表编辑器中找的这个节点:在 HKEY_CLASSSES_ROOT→ * → Shell

  3. 新建节点

    在Shell下,新建项命名为 Sublime Text 3(见名知意),在右边窗口新建字符串值(右键–新建–字符串值)。名称:Icon;值:D:\Program\Sublime Text 3\sublime_text.exe,0 【注:使用您自己的安装文件目录】

    在新建的项下面新建项Command(必须这个名称).修改右侧窗口的默认值,修改为:D:\Program\Sublime Text 3\sublime_text.exe %1【注:使用您自己的安装文件目录】

  4. 测试是否可以打开文件

    OK,搞定了,不用重启。直接找个文件右单击看看。怎么样很神奇吧!

通过网址获取IP

import java.net.*;
import java.io.*;
public class InetAddressTest {
    public static void main(String args[])
    {
        try{
        InetAddress SunAddress  =  InetAddress.getByName("blog.yeskn.com");
        System.out.println(" 计算机名:"+SunAddress.getHostName());
        System.out.println(" IP地址:"+SunAddress.getHostAddress());
        }
        catch(Exception e)
        {
            System.out.println("ERROR:"+e);
        }
        System.out.println();

    }

}

年轻时如果还没想好要干什么或是不确定自己适合干什么,又不想浪费光阴的话,要么努力多赚点钱,要么用心多读点书,想要让自己更自由,这二者都是必不可少的。

最近在学习jQuery,

又对HTML5产生了很大的兴趣,想买一个移动端方面的书看看,

Appcan这个网站真实太厉害了,以后想简单做一个app的话在到这个网站上面来看看,

本来据说也有可以将wordpress网站改成安卓app的方法的,但是没有试过,我想现在不去随便试这些东西了,当自己下定决定,我想一定要学好自己想学的,而不是学到中途却还是一知半解。

钱用的太快了。

正在努力忘却感情的羁绊,生活没必要想那么多。

audio标签引用的音频如果是绝对路径的话音频名称必须是英文

<audio>标签引用的音频如果是绝对路径的话音频名称必须是英文,比如我在本博客引用《同学》这首歌的时候发现用同学.mp3后再内页不能播放,于是将路径由相对路径改成绝对路径,发现还是不能播放,于是想到可能是中文名字的原因,将之改成tongxue.mp3问题就解决了。