Ist Open Sans kostenlos?

Hallo Community,

ich brauche für meine Website noch eine schöne Schriftart. Eigentlich wollte ich Calibri Light nutzen, diese ist aber leider kostenpflichtig und kann nicht einfach so eingebunden werden (oder?). Ich habe mich dann also für Open Sans Light entschieden. Ist Open Sans kostenlos bzw. kann ich die Font downloaden und auf meinen Webserver laden? Oder darf sie nur für den privat Gebrauch genutzt werden?

Kennt ihr evt. noch alternativen die Calibri Light ähneln?

Open Sans Light: http://de.fonts2u.com/open-sans-light.schriftart

Danke ^^

3 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

Steffile

31.05.2017, 22:24

Ja, Open Sans und alle Google Fonts sind Open Source und du darfst sie auch auf deinen Server laden und von dort aus einbinden. Eigentlich alle Google Fonts sind in Fontsquirrel zu finden, wo gleich noch ein netter Webfontgenerator ist.

Gute Alternativen sind auch Raleway oder Roboto.

Fals du wirklich so in Calibri verliebt bist, darfst du die Referenz zu dem Font im CSS als erste Alternative angeben und davon ausgehen dass die meisten den Font als Systemfont auf ihre Geraet (zumindest PC) haben. Wer ihn nicht hat, sieht Open Sans, und wer kein calibri auf seinem Geraet hat, und bei dem warum auch immer Open Sans nicht laedt, der sieht halt sans-serif (Arial oder Helvetica neue, je nach OS).

.element {font-family: "Calibri", "Open Sans", sans-serif;}

DerFrager2000

Fragesteller

31.05.2017, 22:38

Danke sehr ^^ Nur noch ein paar Fragen:

1. Warum haben Calibri und Open Sans Anführungszeichen aber sans-serif nicht?

2. Open Sans ist doch nicht auf den meisten Rechnern vorinstalliert oder? Wenn ich Open Sans per FontFace einbinde und die .font Datei auf meinem Webserver liegen habe, wird sie dann trotzdem vorabgeladen obwohl sie an 2. Stelle der Priorisierung steht?

PS: Win7 z.B. hat Calibri Light erst nach einem Update, Ubuntu hat Calibri Light gar nicht. Beide haben aber Calibri.

DerFrager2000

Fragesteller

31.05.2017, 22:46

@DerFrager2000

Hab es jetzt so gelöst:

font-family: "calibri light", "calibri", "Open Sans", sans-serif;

Steffile

01.06.2017, 07:29

@DerFrager2000

Hey,

1. Anfuehrungseichen (" oder ') setzt man bei Namen, sans-serif ist ja nur eine Gruppe (alle System sans-serif Fonts, wobei der Default normalerweise Arial bzw. Helvetica Neue ist).

2. Ja, Open Sans ist normalerweise nicht vorinstalliert, und an zweiter Stelle ist gut so, der Font wird geladen, selbst wenn du ihn nicht gebrauchen wuerdest.

3. Ich habe gar nicht auf die Light Sache geachtet... Ehrlich gesagt wuerde ich mir ueberlegen ob du Calibri (normal) wirklich an zweiter Stelle willst, denn der Typeface ist sehr anders als Calibri Light und viel weniger attraktiv.

DerFrager2000

Fragesteller

01.06.2017, 21:44

@Steffile

Ich weiß, aber es wirkt sich zum Glück nicht so stark aus auf meiner Website :) Sie ist sehr minimalistisch gehalten. Und alles ab Win8 aufwärts sieht es ja in Calibri Light. Linux dann eben in Calbri.

medmonk

31.05.2017, 00:39

Sämtliche Fonts die im Web-Font Directory von Google zu finden sind, sind kostenlose und dürfen sowohl für private als auch für kommerzielle Zwecke genutzt werden. Die von Steve Matteson's gestaltete Open Sans gehört unter anderem dazu.

Google Web Font - Open Sans » https://goo.gl/4Fo67x

Open Sans in deinem Stylesheet importieren:

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');

Open Sans für gewünschte Elemente festlegen:

selector {
 font-family: 'Open Sans', sans-serif;
}

LG medmonk

DerFrager2000

Fragesteller

31.05.2017, 07:15

Kann ich den auch die Schrift downloaden und auf den Webserver laden?

DerFrager2000

Fragesteller

31.05.2017, 07:15

denn*

andie00

30.05.2017, 17:00

Ja, Open Sans (https://www.google.com/fonts/specimen/Open+Sans) unterliegt der Apache 2.0 Lizenz:

http://www.apache.org/licenses/LICENSE-2.0.html

DerFrager2000

Fragesteller

30.05.2017, 17:05

das heißt?

andie00

30.05.2017, 17:21

@DerFrager2000

Das heißt, dass du diese Schrift entsprechend der Apache 2.0 License verwenden darfst.

fluffiknuffi2

30.05.2017, 20:25

@andie00

Achso. Das hätte ja niemand ahnen können. Mein Weltbild bricht zusammen!

DerFrager2000

Fragesteller

31.05.2017, 22:30

@fluffiknuffi2

Lizenzen uff ich kann nicht mehr :(

Falls es eine von Nintendo selbst erstellte Font ist, ihr es nicht genau wisst oder die Font Kostenpflichtig ist wäre es auch nett wenn ihr ähnlich aussehende Schriftarten nennen könntet.

...zur Frage

Welche Schriftart benutzt ihr am liebsten?

Also mein persöhnlicher Favorit ist Calibri Light ^^

...zur Frage

JSON in editierbaren HTML Table?

Hallo zusammen,

ich versuche zur Zeit folgende JSON-Datei in eine editierbare, dynamische HTML-Table einzulesen, aber scheitere leider schon beim einlesen der JSON-Datei.

{
 "listenPort": 25565,
 "backendServerMappings": [
   {
    "mappingDomain": "example.com",
    "backendServerAddress": "192.168.1.10",
    "backendServerPort": 25565
   },
   {
    "mappingDomain": "ftb.example.com",
    "backendServerAddress": "192.168.1.20",
    "backendServerPort": 25565
   }
 ]
}

Als HTML habe ich folgenden Schnipsel schon im Internet gefunden, welcher aber die JSON nicht richtig einliest:

<html lang="de"> 
<head> 
  <meta charset="UTF-8"> 
  <title>Cleanstone Configuration</title> 
  <script src= "https://code.jquery.com/jquery-3.5.1.js"></script> 
   <style> 
    table { 
      margin: 0 auto; 
      font-size: large; 
      border: 1px solid black; 
    } 
  
    h1 { 
      text-align: center; 
      color: #006600; 
      font-size: xx-large; 
      font-family: 'Gill Sans',  
        'Gill Sans MT', ' Calibri',  
        'Trebuchet MS', 'sans-serif'; 
    } 
  
    td { 
      background-color: #E4F5D4; 
      border: 1px solid black; 
    } 
  
    th, 
    td { 
      font-weight: bold; 
      border: 1px solid black; 
      padding: 10px; 
      text-align: center; 
    } 
  
    td { 
      font-weight: lighter; 
    } 
  </style> 
</head> 
  
<body> 
  <section> 
    <h1>Minecraft Cleanstone Configuration</h1> 
  
    <!-- TABLE CONSTRUCTION-->
    <table id='table'> 
      <!-- HEADING FORMATION -->
      <tr> 
        <th>Domain</th> 
        <th>Server Address</th> 
        <th>Server Port</th> 
      </tr> 
  
      <script> 
        $(document).ready(function () { 
  
          // FETCHING DATA FROM JSON FILE 
          $.getJSON("config.json",  
              function (data) { 
            var student = ''; 
  
            // ITERATING THROUGH OBJECTS 
            $.each(data, function (key, value) { 
  
              //CONSTRUCTION OF ROWS HAVING 
              // DATA FROM JSON OBJECT 
              student += '<tr>'; 
              student += '<td>' +  
                value.mappingDomain + '</td>'; 
  
              student += '<td>' +  
                value.backendServerAddress + '</td>'; 
  
              student += '<td>' +  
                value.backendServerPort + '</td>'; 
  
              student += '</tr>'; 
            }); 
              
            //INSERTING ROWS INTO TABLE  
            $('#table').append(student); 
          }); 
        }); 
      </script> 
  </section> 
</body> 
  
</html>

Ich würde auch gerne die json-Datei editieren können und auch abspeichern können. Wie genau ist das möglich?

Ich bedanke mich schonmal im Voraus und entschuldige mich für ggf. unklare Ausdrucksweisen.

...zur Frage

CSS: Wie binde ich eine gedownloadete Schriftart ein?

Hey ich kenne nur den Befehl p {font-family: ....}

aber ich habe vergessen, wie man eine am Server liegende Schriftart verwendet - wo gibt man den Pfad zu der Schrift an? Bzw. wie?

Der relative Pfad wäre ../fonts/sans/datei.ttf

...zur Frage

Schriftart des Antifa Logos?

Moin! Ich suche die Schriftart, die auf diesem:

https://de.wikipedia.org/wiki/Antifa#/media/File:Antifalogo.svg

Logo zu sehen ist, bzw. eine die so ziemlich exact dazu passt! Ich habe nicht vor eine Logo-Persiflage a la “Nationale Sozialisten Aktion” anzustellen, lediglich etwas wie "Korrekte Aktion" für eine Flagge oder T-Shirt daraus zu machen.

Recherchen haben bisher nur den Font "Frutiger" ergeben. Dieser ist allerdings kostenpflichtig und somit nur als letzten Ausweg vorgesehen.

Danke!

P.s. bitte keine Vorschläge wie der Klassiker "comic sans" ;).

...zur Frage

Wo Musik herunterladen?

Hallo liebe Community,

Wo kann man heutzutage noch Musik herunterladen?

Fange an aus Hobby mir eine CD-Sammlung zu erstellen und daher die Frage. Ich will die Musik auf CDs brennen und (ausschließlich) für meinen eigenen Gebrauch nutzen zum Hören im Auto/auf CD-Spielern etc.

Ob kostenlos oder kostenpflichtig ist mir egal.

Mir geht es nicht ums Geld sparen, gerne zahle ich dafür auch einen monatlichen/jährlichen Beitrag. Es geht nur um die realistische Möglichkeit, gerade auf ältere Musik bezogen.

LG.

SnapTrap

...zur Frage

Warum funktioniert mein Text Decoration nicht?

CSS:

body{

font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

margin: auto 0;

}

.nav{

background: rgb(0, 47, 255);

padding: 0.3em;

color: white;

text-decoration: none!important;

.contact{

text-decoration: none;

}

HTML:

<body>

XXX <span>XXX</span>

</div>

<a class="contact" href="#">Contact</a>

<a class="about-me" href="#">About Me</a>

<a class="projects" href="#">Projects</a>

</div>

</container>

<div>

Test

</div>

</container>

</body>

...zur Frage

Wie funktioniert in CSS font-family die Angabe mit generischen Schriftklassen?

Hallo, ich habe folgende Frage:

Angenommen, ich schreibe in CSS

body {font-family: Arial, Verdana, sans-serif;}

dann ist es doch so, dass Arial zuerst bevorzugt wird. Hat der Nutzer Arial nicht auf dem System, dann kommt Verdana zum Einsatz. Nehmen wir aber an, dass sowohl Arial als auch Verdana nicht vorhanden sind (so unwahrscheinlich das auch ist), wird dann nach dem Zufallsprinzip irgendeine Schriftart aus der generischen Schriftklasse sans-serif selektiert, egal welche? oder gibt es da irgendeine Reihenfolge?

...zur Frage

Wie ändere ich Google Fonts bei Contao-Content-Management-System (CMS)?

Hallo,

momentan ist ja ein Abmahnwelle wegen google fonds unterwegs.

Um sicher zu gehen, dass bei mir alles passt, suche ich bei Euch Hilfe

Wie kann ich entweder

google fonds von dynamisch in statisch umwandeln oder
google fonds in eine andere statische Schriftart ändern?
Einen Cockie-Hinweis einbauen (der eingebaute funktioniert leider nicht mehr)

Ich bin totaler Laie und der Webdesigner der die Seite erstellt hat, existiert nicht mehr, leider gibt es auch nicht viele, die sich mit Contao auskennen, so dass ich hier hoffe Hilfe zu bekommen.

Vielen Dank im Voraus und viele Grüße

Jonas

...zur Frage

Kann ich mir ein Shirt drucken lassen mit einer Schriftart die für Privaten Gebrauch kostenlos ist weil ich mit dem Shirt ja auch draussen rumlaufen will?

...zur Frage

Python Tkinter clear geht nicht?

```File "C:\Users\Marek\energyECO\Gewinnspiel\clearEntry.py", line 9, in register_user

vorname_entry.delete(0, END)

AttributeError: 'NoneType' object has no attribute 'delete'```

Das ist der Error

Und das der Code:

from tkinter import *
import csv

def register_user():
    vorname_info = vorname.get()
    nachname_info = nachname.get()
    email_info = email.get()

    # open the file in the write mode
    with open('Benutzernamen.csv', 'a', newline='', encoding='UTF8') as f:
        # create the csv writer
        writer = csv.writer(f, delimiter =';')
        # write a row to the csv file
        row=[vorname_info, nachname_info, email_info]
        writer.writerow(row)
        # close the file
        f.close()

    #vorname_entry.delete(0, END)
    #nachname_entry.delete(-0, END)

    Label(screen1, text="energyECO")

    vorname_entry.delete(0, 'end')
    nachname_entry.delete(0, 'end')
    email_entry.delete(0, 'end')


def register():

    global screen1
    screen1 = Toplevel(screen)
    screen1.title("Gewinnspiel")
    screen1.geometry("550x500")

    global vorname
    global nachname
    global email

    vorname = StringVar()
    nachname = StringVar()
    email = StringVar()

    global vorname_entry
    global nachname_entry
    global email_entry

    Label(screen1, text="Bitte tragen sie ihren Vor- und Nachnamen und außerdem ihre E-Mail ein", font=('Arial 15')).pack()
    Label(screen1, text=" ").pack()
    Label(screen1, text="Vorname * ", font=('Arial 12')).pack()
    vorname_entry = Entry(screen1,width=50, font=('Arial 20'), textvariable=vorname).pack()
    Label(screen1,text=" ").pack()
    Label(screen1, text="Nachname * ", font=('Arial 12')).pack()
    nachnamne_entry = Entry(screen1,width=50, font=('Arial 20'), textvariable=nachname).pack()
    Label(screen1,text=" ").pack()
    Label(screen1, text="E-Mail * ", font=('Arial 12')).pack()
    email_entry = Entry(screen1,width=50, font=('Arial 20'), textvariable=email).pack()
    Label(screen1,text=" ").pack()
    Label(screen1,text=" ").pack()
    Label(screen1,text=" ").pack()
    Label(screen1, text="Mit der Teilnahme am Gewinnspiel und der Eingabe meine Daten erkläre ich mich bereit, den E-Mail Newsletter von energyECO monatlich zu erhalten.", font=("Arial 10")).pack()
    Label(screen1,text=" ").pack()
    Button(screen1, text="Daten senden", font=('Arial 20'), width="15", height="2", command=register_user).pack()


def close():
    print("Closed!")
    screen.destroy()
    screen1.destroy()

def main_screen():
    global screen
    screen = Tk()
    screen.geometry("300x250")
    screen.title("energyECO")

    Label(text="energyECO", bg="gray", width="300", height="2", font=("Calibri", 13)).pack()
    Label(text=" ").pack()
    Button(text="Gewinnspiel", height="2", width="30", command=register).pack()
    Label(text=" ").pack()
    Label(text=" ").pack()
    Label(text=" ").pack()
    Button(text="Close", command=close).pack()
    Label(text=" ").pack()

    screen.mainloop()

main_screen()

...zur Frage

Microsoft Office zeigt OTT Schriftarten falsch an?

Microsof Office 2019 zeigt Schriftarten, die ich auf dem Rechner installiert habe, nicht korrekt an. Alle anderen Anwendungen außerhalb von Office schaffen dies problemlos.

Die Schriftarten, um die es sich handelt dürften eigentlich nicht inkompatibel sein (z. B. Roboto und Open Sans von Google-Fonts) und werden im Dropdown-Menü zur Auswahl der Schriftart auch korrekt dargestellt. Nur im Dokument selbst (bei allen Office Anwendungen) ist dies leider nicht der Fall. Es wird zwar der Abstand der Schriftzeichen aus den drittanbieter-Fonts übernommen, nicht aber die Zeichen an sich.

Wie lässt sich dieses Problem lösen?

...zur Frage

Wie kann ich bei dieser Website den Link nach oben rechts verschieben?

Ich habe einen Link erstellt, der mich wieder zurück zur Hauptwebsite bringt. Nur möchte ich, dass der Link oben rechts ist. Kann mir da jemand helfen?

Die Webseite:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Preise</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
  <style>
    body {
      font-family: 'Open Sans', sans-serif;
      padding-left: 100px;
      padding-right: 100px;
    }

    .preise-navbar {
      padding-left: 100px;
      color: rgb(52, 57, 56);
    }

    .preise-container {
      background-color: white;
      padding: 16px;
    }

    table {
      border-collapse: collapse;
    }

    td,
    th {
      padding: 16px;
      border-bottom: 2px solid #8ebf42;
      text-align: center;
      padding-left: 100px;
    }

    a {
    }
  </style>
</head>
<body>
  <div class="preise-container">
    <h1 class="preise-navbar">Preise:</h1>
  </div>
  <table>
    <tr>
      <th></th>
      <th></th>
    </tr>
    <tr>
      <td>Erwachsene:</td>
      <td>20€</td>
    </tr>
    <tr>
      <td>Kinder unter 18</td>
      <td>10€</td>
    </tr>
    <td>Kinder unter 6</td>
    <td>3€</td>
  </table>
  <a href="Index.html">Zurück</a>
</body>
</html>

...zur Frage

dafont schriften kommerziellen gebrauch?

Hallo hab eine frage undzwar sind die schriften auf dafont auch für den kommerziellen gebrauch geeignet wenn da 100% kostenlos daneben steht ?

Danke schonmal

und speziell zu der Schriftart "UniversLTStd Cn" weiß jmd ob die kommerziell nutzbar ist

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen