如何使用CSS将“Ubuntu Font Family”添加到我的网站？

参见英文答案 > Using custom fonts using CSS?7个
如何在我的网站的CSS编辑器中添加Ubuntu字体系列？这是我的字体和标题已经有,但不想要我现在的字体,我想要Ubuntu字体.

/* ##### Common Styles ##### */

body {
  color: black;
  BACkground-color: white;
  font-family: "times new roman",times,roman,serif;
  font-size: 12pt;
  margin: 0;
  padding: 0;
}

acronym,.titleTip {
  font-style: italic;
  border-bottom: none;
}

要么

/* ##### Header ##### */

#header {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid black;
}

.headertitle {
  font-size: 200%;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

.headertitle a {
  color: black;
  BACkground-color: transparent;
  font-family: "trebuchet ms",verdana,Helvetica,arial,sans-serif;
  font-weight: normal;
  text-decoration: none;
}

.subHeader {
  display: none;
}


/* ##### Side Bars ##### */

#side-bar {
  display: none;
}


/* ##### Main Copy ##### */

#main-copy {
  text-align: justify;
  margin: 0;
  padding: 0;
}

#main-copy h1 {
  font-family: "trebuchet ms",sans-serif;
  font-size: 120%;
  margin: 2ex 0 1ex 0;
  padding: 0;

我在哪里添加Ubuntu字体系列？我是否插入错误的代码来帮助您,帮助我？

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=LaTin">

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu'),url(http://example.com/fonts/ubuntu.woff) format('woff');
}

body {
    font-family: Ubuntu,"times new roman",serif;
}