[RUBY] Produktion persönlicher Anwendungen 2 Einführung der WEB-Schriftart
Die heutige Implementierung
① controller users tweet ② model user(devise) tweet ③ Einführung von haml scss ④ Erstellen Sie eine Ansicht für den Index
Einführung von Web-Schriftarten Google Web Fonts
Dieses Mal habe ich Google Web Fonts verwendet, um daraus eine modische Schriftart zu machen.
Einführungsmethode
Dieses Mal werden wir die Einführungsmethode mit scss beschreiben.
1 Suchen Sie die Schriftart, die Sie verwenden möchten
Suchen Sie die gewünschte Schriftart in Google-Schriftarten.
Google Web Fonts
Tab oben rechts
link href = "https://fonts.googleapis.com/css2?family=Anton&display=swap" rel = "Kopieren Sie die Stylesheet-URL.
2 Laden Sie in SCSS
app/assets/stylesheets/application.scss
@import url(https://fonts.googleapis.com/css?family=Anton);
Sie können Anton jetzt mit der Schriftfamilie in SCSS verwenden.
3 Wird für SCSS verwendet.
app/assets/stylesheets/modules/_tweets.scss
font-family: 'Anton', sans-serif;
Anschließend wird die Anton-Schriftart auf die unten stehende Studienunterstützung angewendet.
Hinweis
Die meisten der oben genannten Google-Schriftarten unterstützen kein Japanisch, daher wird Japanisch häufig nicht angewendet. Ich verschwendete ungefähr 40 Minuten, ohne zu bemerken, dass nur Japanisch angewendet wurde lol
Dieses Mal habe ich es in application.scss geladen, aber es gibt andere Installationsmethoden.
Referenzseite
Verwenden wir Google Web Fonts
Die heutige Idee
Betten Sie ein Video in die Posting-Funktion ein
Fügen Sie Ihr eigenes Ausgabevideo von dem bei, was Sie heute über die Posting-Funktion gelernt haben (Ausgabe).
Hintergrund
Heutzutage scheint es nur wenige Videos zu geben, die Sie lernen können, indem Sie sich Videos wie YouTube ansehen und auf Twitter ausgeben. Wie Sie aus dem Fluss der Zeit erraten können, ist SNS ein Textausdruck ➯ Text + Foto (Instagram) ➯ Video (individuelle Übertragung durch Youtube), und ich glaube, dass die Ära im Video ist. Aufgrund der Tatsache, dass es möglich ist, mehr persönlich als jetzt zu senden, möchte ich in der persönlichen Anwendungsstudienunterstützung in der Lage sein, per Video an die Posting-Funktion auszugeben. Die beste Studie ist, den Leuten etwas zu erzählen. Ich bin der Meinung, dass die Option von Video darin besteht, den Ausgabebereich zu erweitern.